Расширение JQuery AJAX успеха во всем мире
Я пытаюсь создать глобальный обработчик, который вызывается до обратного вызова ajax success. Я делаю много вызовов ajax с моим приложением, и если это ошибка, я возвращаю определенную структуру, поэтому мне нужно что-то запустить до успешного выполнения, чтобы проверить данные ответа, чтобы увидеть, содержит ли он бит кода ошибки, например 1 / 0
Образец ответа
{"code": "0", "message": "your code is broken"}
или же
{"code": "1", "data": "return some data"}
Я не могу найти способ сделать это в jQuery из коробки, посмотрел на prefilters, ajaxSetup и другие доступные методы, но они не совсем справляются, ставки, которые я могу придумать, это взлом самого метода ajax немного:
var oFn = $.ajax;
$.ajax = function(options, a, b, c)
{
if(options.success)
{
var oFn2 = options.success;
options.success = function(response)
{
//check the response code and do some processing
ajaxPostProcess(response);
//if no error run the success function otherwise don't bother
if(response.code > 0) oFn2(response);
}
}
oFn(options, a, b, c);
};
Я использовал это некоторое время, и он прекрасно работает, но мне было интересно, есть ли лучший способ сделать это, или что-то, что я пропустил в документах jQuery.
Ответы на вопрос(5)
Вот пара предложений:
var MADE_UP_JSON_RESPONSE = {
code: 1,
message: 'my company still uses IE6'
};
function ajaxHandler(resp) {
if (resp.code == 0) ajaxSuccess(resp);
if (resp.code == 1) ajaxFail(resp);
}
function ajaxSuccess(data) {
console.log(data);
}
function ajaxFail(data) {
alert('fml...' + data.message);
}
$(function() {
//
// setup with ajaxSuccess() and call ajax as usual
//
$(document).ajaxSuccess(function() {
ajaxHandler(MADE_UP_JSON_RESPONSE);
});
$.post('/echo/json/');
// ----------------------------------------------------
// or
// ----------------------------------------------------
//
// declare the handler right in your ajax call
//
$.post('/echo/json/', function() {
ajaxHandler(MADE_UP_JSON_RESPONSE);
});
});
Работает:http://jsfiddle.net/pF5cb/3/
ajaxHandler Функция, которую я дал, является глобальной. Вам нужно только объявить это один раз, если вы используетеajaxSuccess() вариант.complete функция?аждому$.ajax() позвонить с помощьюутка штамповка техника
(function() {
var _oldAjax = $.ajax;
$.ajax = function(options) {
$.extend(options, {
success: function() {
// do your stuff
}
});
return _oldAjax(options);
};
})();
это ваш вызов метода AJAX
function getData(newUrl, newData, callBack) {
$.ajax({
type: 'POST',
contentType: "application/json; charset=utf-8",
url: newUrl,
data: newData,
dataType: "json",
ajaxSuccess: function () { alert('ajaxSuccess'); },
success: function (response) {
callBack(true, response);
if (callBack == null || callBack == undefined) {
callBack(false, null);
}
},
error: function () {
callBack(false, null);
}
});
}
и после этого обратного вызова успех или метод успеха
$(document).ajaxStart(function () {
alert('ajax ajaxStart called');
});
$(document).ajaxSuccess(function () {
alert('ajax gvPerson ajaxSuccess called');
});
Вот самый простой пример:
$.ajaxSetup({
success: function(data){
//default code here
}
});
Не стесняйтесь смотреть вверхдокументация на$.ajaxSetup()
я ajax по умолчанию:
var ns = {};
ns.ajax = function(options,callback){
var defaults = { //set the defaults
success: function(data){ //hijack the success handler
if(check(data)){ //checks
callback(data); //if pass, call the callback
}
}
};
$.extend(options,defaults); //merge passed options to defaults
return $.ajax(options); //send request
}
так что ваш звонок, а не$.ajaxВы сейчас используете;
ns.ajax({options},function(data){
//do whatever you want with the success data
});
errorобработчик