Javascript 如果我在其中使用警报，则代码可以正常工作，否则无法正常工作

Question

我在 javascript 代码中使用 XMLHttpRequest。

我正在使用 jquery-1.7.1.

如果我在 XMLHttpRequest 之后使用警报，那么下一个代码可以顺利运行，但是当删除该警报时，下一个语句不会获取在 XMLHttpRequest 块内初始化的变量值。

以下是我使用的代码

var dyn_data='';
if (!xmlhttp && typeof XMLHttpRequest!='undefined')
{
    xmlhttp = new XMLHttpRequest();
}
if (xmlhttp) 
{ 
    var query = 'ACTION=test&format=text';
    xmlhttp.open('POST', 'sample.php'); 
    xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=UTF-8');
    xmlhttp.send(query); 
    xmlhttp.onreadystatechange = function() 
        { 
            var arrayindex=0;

            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) 
            {
                dyn_data=xmlhttp.responseText;
            }
        }
}
var obj = $.parseJSON(dyn_data);
alert(obj);
var data=obj;

如果我在上面的代码中评论警报，那么它不起作用。

我在警告处尝试了以下语句，但它对我也不起作用。

setTimeout(function(){  }, 5000);

任何 help/suggestion 将不胜感激。

Answer 1

XMLHttpRequest 是异步的。这意味着在到达 $.parseJSON 行之前尚未设置 dyn_data 值。所有依赖于响应的代码都应该放在 onreadystatechange 处理程序中。试试这个：

var xmlhttp;
if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
    xmlhttp = new XMLHttpRequest();
}
else if (xmlhttp) { 
    var query = 'ACTION=test&format=text';
    xmlhttp.open('POST', 'sample.php'); 
    xmlhttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=UTF-8');
    xmlhttp.send(query); 
    xmlhttp.onreadystatechange = function() { 
        var arrayindex = 0;
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            var obj = $.parseJSON(xmlhttp.responseText);
            console.log(obj);
            var data = obj;
        }
    }
}

Javascript 如果我在其中使用警报，则代码可以正常工作，否则无法正常工作

Javascript code is working if I am using alert in it otherwise it's not working

javascript

jquery

xmlhttprequest