javascript – AJAX延迟下一行的执行

鉴于以下代码,任何人都可以帮助我理解为什么在第二个警报之后执行第一个警报？我相信这是因为ajax有一个很小的延迟,直到它取出数据,如果我错了,请纠正我.谢谢你提前.

Javascript code:

window.onload = function() {
arry = new Array();
jQuery.ajax({    
    type: "GET",
    url: "index.PHP?op=17&id=@@postID@@&action=fetch",   
    dataType: "text",
    success: function(response){    
        var e = response;
        console.log(JSON.parse(e));
        arry = JSON.parse(e)
        alert(e); //1st alert
    }
}); 
alert("test") //2nd alert
}

解决方法:

AJAX中的第一个“A”代表异步.这意味着它在您的代码中没有阻塞,因此在您的AJAX请求之后立即调用alert(‘test’),而只有在AJAX请求从服务器收到成功响应后才调用alert(e).

你提到的“小延迟”不是这样,而是服务器执行任何代码并返回响应所花费的时间.

如果您绝对需要同步处理请求,则可以将async属性传递给AJAX调用,如下所示：

window.onload = function() {
    var arry = [ ];

   jQuery.ajax({    
       type: "GET",
        url: "index.PHP?op=17&id=@@postID@@&action=fetch",   
        dataType: "json",
        async: false
    }).done(function(response) {
        arry = response
        alert(response); //1st alert
    });

    alert("test") //2nd alert
}

请注意,我已经稍微更新了代码以使用done()promise.另外,指定dataType：“json”否定了在响应文本上调用JSON.parse()的需要.