в jQuery $.ajax и readyStates

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

8
ajax jquery onreadystatechange readystate

3 ответов

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

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

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

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

4

метод, проверенный с помощью 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.

4

вы должны иметь возможность получить все, что вам нужно, установив обратные вызовы для 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.")}
});

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

1