jQuery AJAX 成功回呼函數定義在.ajax() 區塊之外
在jQuery 中，您可以使用$. ajax()方法。通常，成功回呼函數是在 .ajax() 區塊中定義的。但是，可以在區塊外部定義回調。
在 .ajax() 區塊外部定義回呼函數
在 .ajax() 區塊外部定義成功回呼。 ajax() 區塊中，您應該返回$.ajax() 的結果，如下所示：
<code class="javascript">function getData() {
return $.ajax({
url: 'example.com',
type: 'GET'
});
}</code>然後，您可以使用.done() 方法在.ajax() 呼叫之外添加回調:
<code class="javascript">getData().done(handleData);</code>
處理資料
handleData函數可以定義如下：
<code class="javascript">function handleData(data) {
alert(data);
// Do other stuff
}</code>傳遞給handleData函數的資料是從伺服器傳回的伺服器數據。
在.ajax() 區塊之外定義回調的好處
在.ajax() 區塊之外定義回調提供了幾個好處好處：
範例
以下程式碼示範如何使用此技術：
<code class="javascript">// A trivial timer for demo purposes
var timer = $.Deferred();
setTimeout(timer.resolve, 5000);
// Add a `done` and an `error` handler to the AJAX call
var ajax = getData().done(handleData).fail(error);
// Wait for both the AJAX call and the timer to finish
$.when(timer, ajax).done(function() {
// Both operations have finished
});
// Add an additional `done` handler to the AJAX call
ajax.done(function() {
// Can be added even if the AJAX call has already finished
});</code>此程式技術對於將AJAX 功能與AJAX 功能與後續操作解耦以及同步多個非同步操作非常有用。
以上是如何在 .ajax() 區塊之外定義 jQuery AJAX 成功回呼函數？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
