1

我正在尝试更新我的 ajax 请求函数以显示响应的各个状态。

然而，我在发送请求后得到的只是readyState = 1然后它直接跳转到 readyState = 4服务器，我得到了完整的响应。

为什么我没有准备好状态 2 和 3？

当我尝试使用本机浏览器时，例如

xmlhttp2 = new XMLHttpRequest()

发送相同的请求会在我的回调中获得 readyStates 1、2、3 和 4：

xmlhttp2.onreadystatechange

但是使用 JQuery ajax 辅助函数却没有。为什么会出现这种情况？

这是我的代码：

var jqXHR = $.ajax(
{
    data: requestForm, //my json request
    type: req_type, // could be post or get
    url: script, // php script
    async: true,
    success: function(response,textStatus, xhr) 
    {
          renderIt(response);
    },

    error: function( xhr, textStatus, errorThrown )
    {
        var errText = "<b>Error "+xhr.status+" : "+xhr.reponseText+" , "+textStatus+", "+errorThrown+" </b>";
        $('#'+div).append(errText);
    }
});

jqXHR.fail(function( data, textStatus, jqXHR ) 
{
   var errText = "<b>Error "+jqXHR.status+" : "+jqXHR.reponseText+" , "+textStatus+", "+" </b>";
   $('#'+div).html(errText);
});

switch(jqXHR.readyState) 
{
case 1:
    $('#'+div).html("\n<center> Connected to Server...<br/> <img src='images/loading.gif' height=30 width=30></center>\n");
    break;
case 2:
    $('#'+div).html("\n<center> Request Recieved...<br/> <img src='images/loading.gif' height=30 width=30></center>\n");
    break;
case 3:
    $('#'+div).html("\n<center>  Receiving Responses.....<br/> <img src='images/loading.gif' height=30 width=30></center>\n");
    $('#'+div).append(xhr.responseText);
    break;
default:
    $('#'+div).html("\n<center>  Awaiting Results.."+jqXHR.readyState+"<br/> <img src='images/loading.gif' height=30 width=30></center>\n");
    break;                                    
 }
4

1 回答 1

2

在 jQuery 中只能得到 1 和 4，因为它的成功回调仅在 ajax 请求完成后触发，并且它不会公开 readystatechange 事件的回调。

因此，如果由于某种原因您需要能够对此事件进行一些处理，则需要直接使用 XMLHttpRequest。

于 2013-10-11T18:16:34.677 回答