如何在 .ajax() 块之外定义 jQuery AJAX 成功回调函数？

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() 块之外定义回调提供了几个好处好处：

• 将 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() 块之外定义 jQuery AJAX 成功回调函数？的详细内容。更多信息请关注PHP中文网其他相关文章！