Ajax中后续调用的问题
大家好!
在这里我有一个问题,
我有一个用于在数据库中搜索用户名的搜索表单
它在以下情况下运行良好
我第一时间搜索用户名
.
当我有了
变化
这个
用户名
在文本框中并提交,则它不会发出请求并从服务器获取详细信息.
在第一次请求后,如果我检查了警报,
Http_quest.readyStatus=1
为此,我拔出我的头发,用谷歌搜索,还有很多我正在做的事情
有人能帮个忙吗?
这里,我提供了AJAX的代码
选择 | 换行 | 行号
- function makePOSTRequest(url, divTag, params) {
- var http_request = false;
- if (window.XMLHttpRequest) { // Mozilla, Safari,...
- http_request = new XMLHttpRequest();
- if (http_request.overrideMimeType) {
- // set type accordingly to anticipated content type
- //http_request.overrideMimeType('text/xml');
- http_request.overrideMimeType('text/html');
- }
- } else if (window.ActiveXObject) { // IE
- try {
- http_request = new ActiveXObject("Msxml2.XMLHTTP");
- } catch (e) {
- try {
- http_request = new ActiveXObject("Microsoft.XMLHTTP");
- } catch (e) {}
- }
- }
- if (!http_request) {
- alert('Cannot create XMLHTTP instance');
- return null;
- }
- http_request.open('POST', url, true);
- http_request.onreadystatechange = function(){ var x = alertContents(divTag,http_request)};
- http_request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
- http_request.setRequestHeader("Content-length", params.length);
- http_request.setRequestHeader("Connection", "close");
- http_request.setRequestHeader("Cache-Control","no-cache");
- http_request.send(params);
- }
- function alertContents(divTag,http_request) {
- alert(http_request.readyState);
- if (http_request.readyState == 4) {
- alert(http_request.status);
- if (http_request.status == 200) {
- //alert(http_request.responseText);
- result = http_request.responseText;
- document.getElementById(divTag).innerHTML = result;
- http_request = false;
- } else {
- alert('There was a problem with the request.');
- http_request = false;
- }
- }
- }
- function retrieveSearchResults(url,divTag,params){
- alert(url+"\n"+divTag+"\n"+params);
- makePOSTRequest(url,divTag,params);
- }
下面是我调用AJAX的代码
选择 | 换行 | 行号
- <form action="javascript :retrieveSearchResults('searchResults.jsp','myspan','UserName='+escape(document.getElementById('UserName').value));" name="myform" id="myform" >
- <table cellspacing="2" cellpadding="1" border="0" width="40%" align="center">
- <tr>
- <td>User Name</td>
- <td><input type="text" name="UserName" size="15"></td>
- <td></td>
- </tr>
- <tr>
- <td>User Course</td>
- <td><input type="text" name="UserCourse" size="15"></td>
- <td></td>
- <td><input type="Reset" value="clear" style="width:50px;"></td>
- <td><input type="submit" name="go" value="go" style="width:50px;"></td>
- </tr>
- </table>
- </form>
在本例中,我将搜索用户名
提前谢谢你
哈里