Какой смысл обработчика успеха ajax?

Question

Попытка понять ajax ....

В моем вызове ajax у меня есть обработчик успеха. У меня также есть целевой URL, который ajax бросает данные (лучший способ я могу описать его).

• Если мой целевой URL действителен - успех.
• Если мой целевой URL-адрес с ошибкой - успех.
• Если мой целевой URL - это мусор - успех.

Итак ... какая цель служит?

// 1. Put a trigger on the right button 
$("#submitButton").click(function(){ 
    alert("trigger event"); 

// 2. serialise the form data 
    var formData = $("#myForm").serializeArray(); 

// 3. make an ajax call to the controller 

    $.ajax({ 
     type: "POST", 
     url: "controllerThatDoesntExist/function", 
     data: formData, 
     success: successHandler, 
     dataType: "text" 
     }); 

}); 

function successHandler(data, textStatus, jqXHR) 
    { 
     alert("Success is 100% guaranteed"); 
    }; 

Answer 1

Если вы видите, функция success дозвонились за ресурсы, которые не существуют, то это означает, что сервер ресурсы загружаются из посылает неверный ответ, который использует код статуса HTTP 200, а не один из серии 4xx. Проблема заключается в том, что сервер, а не функция jQuery ajax.

Если сервер делает то, что он должен делать с недействительными адресами, ajax не будет вызывать success и будет называть error вместо (и аналогичных функций в новом Promise вещи).

Вот успешный запрос: http://jsfiddle.net/5F7NV/

// Successful request 
var xhr = $.ajax({ 
    url: "/", 
    success: function(html) { 
     console.log("Success, got back " + html.length + " characters of HTML"); 
    }, 
    error: function(jqXHR) { 
     console.log("Error, status code: " + jqXHR.status); 
    } 
}); 

А вот неудачная запрос: http://jsfiddle.net/5F7NV/1

// Request for something that doesn't exist 
$.ajax({ 
    url: "/blargleflap", 
    success: function(html) { 
     console.log("Success"); 
    }, 
    error: function(jqXHR) { 
     console.log("Error, status code: " + jqXHR.status); 
    } 
});