グローバルAJAXリスナを使用してAJAXコールのソースを取得することはできますか？

Question

this fiddleを参照してください。

私は、次のコードをお持ちの場合：AJAXを発射ボタンのIDを渡すために

$("button").click(function(event) { 
    var targetId = event.target.id; 
    $.ajax({ 
    type: "GET", 
    url: "https://fiddle.jshell.net", 
    success: function(data) { 
     alert('target id is: ' + targetId); 
    } 
    }); 
}); 

// Is it possible for this to work the same as the above somehow? 
$(document).ajaxSuccess(function(event, xhr, ajaxOptions, data) { 
    var targetId = event.target.id; // Event.target is `document` so does not work 
    alert('target id is: ' + targetId); // I want this to be the same alert as above. 
}); 

ことが可能です：

HTML：

<div class="button-wrapper"> 
    <button id='firstButton'> 
    first button 
    </button> 
    <button id='secondButton'> 
    second button 
    </button> 
</div> 

JSをグローバルリスナー（$(document).ajaxSuccess）に電話をかけますか？

Answer 1

確かに、そしてAjaxのオプションから引き出し、Ajaxのオプションと一緒にそれを渡します。

http://jsfiddle.net/tsmknfr2/6

$("button").click(function(e) { 
    var targetId = event.target.id; 
    $.ajax({ 
    type: "GET", 
    url: "https://fiddle.jshell.net", 
    success: function(data) { 
     alert('target id is: ' + targetId); 
    }, 
    foop: targetId 
    }); 
}); 

// Is it possible for this to work the same as the above somehow? 
$(document).ajaxSuccess(function(event, xhr, ajaxOptions, data) { 
    var targetId = ajaxOptions.foop; 
    alert('target id is: ' + targetId); 
}); 

Answer 2

事前にバインディングにオプトインする関数を定義できます。この機能は、コールバックの前にアラートを最初に実行するたびに使用できます。機能にアクセスする予定のフィールドは、$.ajaxオプションに含めます。

グローバル$.ajaxキャッチャーを持っているか、またはidがないページのすべてのajaxリクエストを汚染しないので、$.ajax機能自体を変更するよりも優れています。

function ajaxCallback(callback) { 
    return function() { 
    // "this" will be the object you passed to "$.ajax" 
    alert("target id is: " + this.targetId); 
    callback && callback.apply(this, arguments); 
    } 
} 

$("button").click(function(event) { 
    $.ajax({ 
    type: "GET", 
    url: "/echo/json/", 
    success: ajaxCallback(function(data, status, xhr) { 
     // success handler here 
    }), 
    targetId: event.target.id 
    }); 
}); 

JSFiddle