jQuery $.ajax и readyStates

Question

Как вызвать готовые состояния Ajax на jQuery $.ajax метод?

Answer 1

$.ajax() возвращает объект XmlHttpRequest, поэтому, если вы действительно хотите получить к нему доступ при изменении состояния, вы можете сделать это:

var xhr = $.ajax({ ... });
xhr.onreadystatechange = function() { alert(xhr.readyState); };

Но встроенные обратные вызовы должны быть все, что вам нужно для большинства применений, особенно success а также complete,

Чтобы сделать что-то до того, как запрос сработает, используйте beforeSend или, более подходящим для большинства случаев, .ajaxStart() а также .ajaxStop() события... например, чтобы показать сообщение о загрузке всякий раз, когда происходит какое-либо действие ajax.

Answer 2

Метод, протестированный с помощью jQuery 2.0.2:

$.ajax({
    beforeSend: function (jqXHR, settings) {
        var self = this;
        var xhr = settings.xhr;
        settings.xhr = function () {
            var output = xhr();
            output.onreadystatechange = function () {
                if (typeof(self.readyStateChanged) == "function") {
                    self.readyStateChanged(this);
                }
            };
            return output;
        };
    },
    readyStateChanged: function (xhr) {
        if (xhr.readyState == 1) {
            /* Connected! Do something */
        }
    },
    url: "..."
});

По сути, мне нужен был обратный звонок после readyState становится 1 (Подключено), что, в моем случае, было полезно при реализации длинных опрашивающих "push" уведомлений с помощью jQuery.

Answer 3

Вы должны быть в состоянии получить все, что вам нужно, установив обратные вызовы для success, error, а также complete параметры объекта, который вы передаете в ajax() метод. Посмотрите на документацию:

http://api.jquery.com/jQuery.ajax/

В основном это работает так:

$.ajax({
    url: 'ajax/test.html',
    success: function(data) {
        alert('Load was performed.');
    },
    error: function() {alert("error occurred.")},
    complete: function() {alert("ajax complete.")}
});

Вы можете увидеть документы, в которых точно указаны параметры, к которым у вас есть доступ, в функциях обратного вызова.