Question

我想使用来自JQuery（2.0.2）onreadystatechange的（基础）XMLHttpRequest的{{1}}事件来触发同步ajax请求，以便我可以显示准确的状态指示长期运行请求的最终用户。但似乎已从最新版本的JQuery中删除了此功能（请参阅here），使具有异步Web请求的微调器仅使用选项来向用户表示活动。

使用$.ajax(...)我会做类似下面的事情（尽管我仍然不想使用JQuery），JQuery中是否还有一种方法可以访问readystate更改函数？是否有一个暴露XMLHttpRequest事件的插件？

onreadystatechange

JSFiddle

Answer 1

你是说这样的意思吗？

var _orgAjax = jQuery.ajaxSettings.xhr;
jQuery.ajaxSettings.xhr = function () {
    var xhr = _orgAjax();
    xhr.onreadystatechange = function() {
        //you can log xhr.readystate here
        if( xhr.readyState == 4 ) {
             $("div").html("Done");
        }
    }
    return xhr;
};
$(function(){
    $("<div>Loading</div>").appendTo($("body"));
    var anticache = "?anticache=" + new Date().getTime();
    $.ajax({
        url: "http://fiddle.jshell.net",
        error: function() {
            console.log("error");
        }
    });
});

演示:: jsFiddle

$ .ajax的onreadystatechange事件

1 个答案: