2

我想使用来自JQuery (2.0.2)onreadystatechange的（底层）的事件来触发同步 ajax 请求，这样我就可以向最终用户显示长时间运行的请求的准确状态指示。但似乎此功能已从最新版本的 JQuery（参见此处）中删除，使带有异步 Web 请求的微调器成为向用户表示活动的唯一选项。XMLHttpRequest$.ajax(...)

使用XMLHttpRequest我会做类似以下的事情（尽管我仍然不想使用 JQuery），JQuery 中是否还有一种方法可以访问 readystate 更改功能？是否有可能暴露onreadystatechange事件的插件？

function pad(width, string, padding) { // from stackoverflow.com/a/15660515/424963 
  return (width <= string.length) ? string : pad(width, string + padding, padding)
}

$(function(){
    $("<div>Loading</div>").appendTo($("body"));
    var anticache = "?anticache=" + new Date().getTime();

    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function() {
        if (xhr.readyState === 4){
            $("div").html("Done");
        }
        else  {
            $("div").html("Loading" + pad(xhr.readyState, "", "."));
        }
    };

    xhr.open("POST", "jsfiddle.net" + anticache, true );
    xhr.send();    
});

JSFiddle

4

1 回答 1

6

你的意思是这样的：

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

于 2013-09-17T10:29:31.073 回答