0

我在一个循环遍历数组的html页面中有一个小脚本，它运行一个ajax函数来检查文件是否存在，如果它是......它会从数组中打印一个数字；如果不是，它会打印 0。问题是它在第一次迭代后就挂起（浏览器只是一直在那里加载）。有没有办法关闭连接？我对 Ajax 比较陌生，所以感谢您的帮助。

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">                                                                                                                                        
var cnt = 0;                                                                                                                                         
var getNum;
var num = [25, 15, 24, 16, 23, 17, 22, 18, 21, 19, 20];
var response = 1;

function getAjax(sales, cnt, getNum){

    loadDoc(response);

    if(response == 1 )
    {

        if(cnt >= 11)
        {
            cnt = 0; 
        }
        else
        {
            cnt++;
        }
        getNum = num[cnt];
    }
    else{
        getNum = 0;
    }

    document.write(getNum + '<br/>');
}


function loadDoc(response)
{
    var xmlhttp;
    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)
        {
            response = 1;
        }
        else
        {
            response = 0;
        }
    }
    xmlhttp.open("GET","randomFile.js",true);
    xmlhttp.send();
}

function runIt(num, cnt, getNum, response){
   setTimeout('getAjax(num, cnt, getNum)', 3000);
}

</script>
</head>
<body>
  <div id="alert"></div>
  <button type="button" onclick="runIt(num, cnt, getNum, response)">Change Content</button>
</body>
</html>
4

1 回答 1

0

XMLHttpRequest 是异步的。这意味着这里的一切

xmlhttp.onreadystatechange=function()
{
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
        response = 1;
    }
    else
    {
        response = 0;
    }
}

在发出请求后运行一段时间。进一步来说：

...
loadDoc(response);

// the XMLHttpRequest might not have finished within this gap

if(response == 1 ) // <----- response might have not been updated yet
...

因此，如果您立即检查response，它可能尚未更新。相反，所有需要运行的依赖于响应的东西都应该放在上面显示的回调函数中。这包括您的计数器递增逻辑。

response此外，您将变量传递给loadDoc，这没有任何作用，因为response它已经是一个全局变量。

于 2013-02-13T05:51:40.827 回答