全球擴展jQuery ajax成功

Question

我想創建一個全局處理程序，它在ajax成功回調之前被調用。我用我的應用程序做了很多ajax調用，如果這是一個錯誤，我返回一個特定的結構，所以我需要在運行成功之前運行一些東西來檢查響應數據，看它是否包含像1/0

樣本響應

{"code": "0", "message": "your code is broken"} 

或

{"code": "1", "data": "return some data"} 

我無法找到一個方法來做到這一點jQuery的開箱即用，看着預過濾器，ajaxSetup和其他可用的方法，但他們並沒有把它拿下來，我可以想出的賭注是黑客攻擊阿賈克斯方法F A點點：

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的文檔錯過。

Answer 1

你可以建立自己的AJAX的處理程序，而不是使用默認的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 
}); 

Answer 2

這裏有幾個建議：

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/

Answer 3

這裏最簡單的例子：

$.ajaxSetup({ 
    success: function(data){ 
     //default code here 
    } 
}); 

隨意查找the documentation上$.ajaxSetup()

Answer 4

該解決方案透明地將自定義成功處理每一個$.ajax()呼叫使用duck punching技術

(function() { 
    var _oldAjax = $.ajax; 
    $.ajax = function(options) { 
     $.extend(options, { 
      success: function() { 
       // do your stuff 
      } 
     }); 
     return _oldAjax(options); 
    }; 
})(); 

Answer 5

這是你的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'); 
      });