Question

我在下面有这个功能，我在一个循环中调用该函数我得到警报n次，但只有n-1或有时n-2个响应

if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
        alert(xmlhttp.responseText);
        //document.getElementById("warnings_panel").innerHTML+=xmlhttp.responseText;
    }
}

alert("in ajax) 

xmlhttp.open("GET","getresponse.php?start="+ start + "&end=" + end,true);
xmlhttp.send();

Answer 1

我已经创建了一个类（可以很容易地修改）来调用循环中的函数，并且它正确地调用了函数。也许这可能适用于你的需要。

（如果有人看到有什么不对劲，那么听到其他人的意见很好）

<强> TEST.HTM

<html>
<head>
<script type="text/javascript">
function myXmlHttp() { 

    /*constructor simulator*/ 
    this.setPersitent=
    function (file, onReadyFunc,params,loop) 
    {  
        myXmlHttpObj.loop = loop;  
        myXmlHttpObj.file=file;
        myXmlHttpObj.onReadyFunc='myXmlHttpObj.'+onReadyFunc;
        myXmlHttpObj.params=params;  
        myXmlHttpObj.mySetRequest();    
    }
    this.setParams=
    function ( params ) 
    {   
        myXmlHttpObj.params=params;  
    }

    <!--Standard initial code-->
    this.mySetRequest =
    function  ()
    {
        request = false;
        try { request = new XMLHttpRequest(); } 
        catch (trymicrosoft) {
            try { request = new ActiveXObject("Msxml2.XMLHTTP"); } 
            catch (othermicrosoft) {
                try {request = new ActiveXObject("Microsoft.XMLHTTP");} 
                catch (failed) {request = false;}/*catch3*/}/*catch2*/}/*catch1*/
        if (!request) 
        alert("Error initializing XMLHttpRequest!"); 
    }  /*func*/ 

    this.mySendReq=
    function() 
    { 
        var url = myXmlHttpObj.file;   
        request.open("POST", url, true);  
        //Some http headers must be set along with any POST request.
        request.setRequestHeader
        ("Content-type", "application/x-www-form-urlencoded;charset=utf-8");
        request.setRequestHeader("Content-length", myXmlHttpObj.params.length);
        request.setRequestHeader("Connection", "close"); 
        request.onreadystatechange = eval(myXmlHttpObj.onReadyFunc);  
        request.send(myXmlHttpObj.params);  
    } 

    this.listenPHP = 
   function  ( ) {    
     if ( request.readyState == 4) {
       if ( request.status == 200) 
       {   
            alert(request.responseText);
            myXmlHttpObj.loop--;
            if(myXmlHttpObj.loop>0)
            { 
                myXmlHttpObj.setParams("js_rand="+Math.random()+"");
                myXmlHttpObj.mySendReq();  
            }

        }//inner if 
       else{alert("status is " + request.status);}
     }//outer iff
   }//function  

}//END 

myXmlHttpObj = new myXmlHttp();
myXmlHttpObj.setPersitent
('getresponse.php', 'listenPHP',"js_rand="+Math.random()+"",3)  ;

myXmlHttpObj.mySendReq();  

</script>
</head>
<body >

</body>
</html>

和 getresponse.php

<?PHP
echo 'I recived this random from js:',$_POST['js_rand'],'
 this rand is from php:',rand(1,9999);
?>

Answer 2

函数结束时

~~onreadystatechange被终止，因为xmlhttp对象被移除，因为它不是全局变量。我是对的吗？~~

最好只将AJAX请求放在一个函数中，这样xmlhttp对象只创建一次（在本例中我用了一个较短的版本来创建xmlhttp对象。） / p>

var xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');

function request() {
    xmlhttp.open('GET', 'getresponse.php?start=' + start + '&end=' + end, true);
    xmlhttp.onreadystatechange = function() {
        if (this.readyState == 4 && this.status == 200) {
            alert(xmlhttp.responseText);
        }
    }
    xmlhttp.send(null);
}

Answer 3

通常情况下，这应该有效，但我们需要更多关于您如何实际运行该循环以了解可能出错的信息。

我还添加了encodeURIComponent并更改了回调函数中的条件，因为当status到达200时readyState并不总是4。

function request(start, end) {
    var xmlhttp;

    if (window.XMLHttpRequest)
        xmlhttp = new XMLHttpRequest();
    else
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

    xmlhttp.open('GET', 'getresponse.php?start=' + encodeURIComponent(start) + '&end=' + encodeURIComponent(end), true);
    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == 4)
            if (xmlhttp.status == 200) {
                alert(xmlhttp.responseText);
            } else {
                // status ≠ 200, output useful error message
            }
    };
    xmlhttp.send();
}

AJAX：在循环中发送xmlhttp请求

3 个答案: