如何从 jQuery AJAX 成功响应中正确返回数据？

从 jQuery AJAX 成功响应返回数据

问题概述：

您正在尝试从成功返回数据jQuery AJAX 调用，但遇到

不正确的方法：

• 直接从成功回调返回数据：这不起作用，因为该函数是异步的。
• 从成功回调之外的函数返回数据：这也不起作用，因为数据不是立即返回的

解决方案：使用 Promises

Promises 提供了一种处理异步操作的方法。以下是如何使用 Promises 返回数据：

function testAjax() {
    return $.ajax({
        url: "getvalue.php",
    });
}

// Get promise from the testAjax function
var promise = testAjax();

// Once the data is available, handle it in the then block
promise.then(function (data) {
    alert(data); // Use the data here
});

Promises/A 的简化语法：

当前版本的 jQuery（3.x 及更高版本）支持 Promises/A ，它允许简化语法：

testAjax()
    .then(data => alert(data));
    .catch(error => alert(error)); // Handle errors here

Promise 的好处：

• 异步处理：Promise 允许您在数据变为时处理数据可用，不是在 AJAX 之后立即可用
• 链接： Promise 可以链接在一起，依次执行多个异步任务。
• 异常处理： Promise 通过以下方式支持异常处理： catch 方法。

附加注意：

• 如果您需要返回真正的 Promise（而不是 jQuery Deferred 对象），您可以使用 Promise polyfill 或使用链接资源中描述的方法转换 jQuery Promise下面。
• 始终处理承诺链中的拒绝（错误），以避免未处理的情况例外。
• 检查浏览器兼容性并根据需要使用填充或转译器以支持旧版浏览器。

以上是如何从 jQuery AJAX 成功响应中正确返回数据？的详细内容。更多信息请关注PHP中文网其他相关文章！