毎回関数を呼び出し、AJAXリクエストが処理され、サーバーから返されます。

Question

サーバーへのajaxコールが多数あるアプリケーションがあります。

これで、サーバーからの応答を監査したいと思います（この要件は、ajaxコードの作成後に表示されます）。

私は応答データを監査する機能を持っていますが、今問題になっているデータをどのようにして別の場所に送ることができますか？

私は、各ajax呼び出しで関数を呼び出すためのコード行を追加するという面倒な作業をしたくありません。

より簡単で一般的な方法がありますか。どういうわけか、私は応答が戻ってきたときにそれを検出し、応答を処理することができました。

従来のjavascriptメソッドとjquery ajaxの両方を使用してシステムで呼び出します。 （このアプリは長い時間から変更されており、新しいものが追加されて古いものは決して削除されないように多くの手が変更されています）

Answer 1

.ajaxComplete()を使用すると、AJAXのすべての要求に対してonCompleteイベントjQueryを通して。あなたが求めていることはそうではありませんか？

$('.ajaxRequest').click(function(event) { 
    event.preventDefault(); 
    $.getJSON(
     '/echo/json/', 
     this.id, 
     function(data, textStatus, jqXHR) { 
      console.log(data, textStatus, jqXHR); 
     } 
    ); 
}); 

// Listen to all ajax requests 
$("#log").ajaxComplete(function(event, request, settings) { 
    console.log(event, request, settings); 
});​ 

ビューdemo。

Answer 2

ヘルパー関数を使用してajax呼び出しをラップし、コード全体で使用します。

アン（未テスト）例：

MyApp = MyApp || { 
    logRequest: function _logRequest(settings, response) { 
     // Log your response 
    }, 

    ajax: function _ajax (settings) { 
     var that = this; 

     // Log attempt request here?  

     // Example of logging the success callback (do similar for error or complete) 
     if (settings.success) { 
      // A success handler is already specified 
      settings.success = function (data) { 
       that.logRequest(settings, data); // Log the response 
       settings.success(data); // Call the original complete handler     
      }; 
     } else { 
      // No success handler is specified 
      settings.success = function (data) { 
       that.logRequest(settings, data); 
      }; 
     } 

     return jQuery.ajax(settings); 
    } 
}; 

私は決まり文句を減らしたいロット状況のため、このメカニズムを好みます。自分のMyAppオブジェクト（アプリケーションに適切な名前）の状態を変更するだけで済むので、他のグローバルオブジェクトを変更せずに関数呼び出しを傍受することができるインターフェイスの一種です。また、他の多くの状況でも参考になる可能性のある参照をどこでも更新することなく、この機能を他のものと簡単に交換することができます。