承接之前的 5 个新的 jQuery.Ajax() 示例 (jQuery 1.9 ),我想记录一下使用 jQuery .Ajax() 1.9 的 Promise 接口所带来的变化(其中一些可以归类为优势)。
success
-> done
,error
-> fail
,complete
-> always
。fail
,2. done
,3. always
。这是标准顺序。.always(), .always(), .always()
,所有这些都将在 Ajax 请求返回并完成时触发。.then()
函数链式调用 Ajax 请求。请参见下面的示例。.done()
和 .fail()
组合到 .then()
中。请参见下面的示例。// 旧的 complete 函数 complete Function(jqXHR jqXHR, String textStatus) // 新的 done 函数 jqXHR.done(function(data, textStatus, jqXHR) {});
来源:jQuery.Ajax API 如果您发现我遗漏了其他内容,请随时发表评论。
您可以将 done()
和 fail()
函数组合到一个 then()
函数中。上面的代码可以改写为:
var promise = $.ajax({ url: "/myServerScript" }); promise.then(mySuccessFunction, myErrorFunction);
来源:jQuery 中的 Deferred 和 Promise,链式 Ajax 请求
从 jQuery 1.8 开始,您可以按顺序链式调用 then()
函数。在下面的代码中,首先运行 promise1
,成功解析后,运行 getStuff
,返回一个 Promise,成功解析后,执行匿名函数。
var promise1 = $.ajax("/myServerScript1"); function getStuff() { return $.ajax("/myServerScript2"); } promise1.then(getStuff).then(function(myServerScript2Data) { // 两个 Promise 都已解析 });
每个回调函数都会接收前一个异步函数的结果,对于 Ajax 来说,那就是返回的数据。
您可以使用 .when()
来分配一个 Promise 回调函数,即 .done()
。
var container = $("#mycontainer"); $.when( function () { return $.Deferred(function (dfd) { container.fadeOut('slow', dfd.resolve); }).promise(); }(), $.ajax({ url: 'Path/To/My/Url/1', type: 'POST', dataType: 'json' }), $.ajax({ url: 'Path/To/My/Url/2', type: 'POST', dataType: 'json' }) ).done(function (x, data) { container.html('Your request has been processed!'); container.fadeIn('slow'); });
如您所见,我们将三个 Promise 传递给 $.when,一个用于淡出动画,两个用于 Ajax 操作。
dfd.resolve
函数传递给 fadeOut()
的回调参数,这意味着一旦动画完成,Deferred 就会被解析。来源:始终保持您的 (jQuery) Promise,关于 jQuery 1.9 AJAX Promise 接口优势的常见问题解答
使用 jQuery 1.9 AJAX Promise 接口的主要优势在于它能够同时处理多个 AJAX 请求。当您需要执行多个 AJAX 请求并希望仅在所有请求完成后执行某些操作时,此功能特别有用。Promise 接口提供了一种聚合多个 AJAX 请求结果并执行回调函数的方法,直到所有请求都完成。这使得代码更易于阅读和管理。
(以下问题答案与原文相同,只是进行了轻微的措辞调整,保持了原文意思。)
jQuery 1.9 AJAX Promise 接口通过提供一种统一的方式来处理错误来改进错误处理。无需为每个 AJAX 请求编写单独的错误处理代码,您可以使用 Promise 接口在一个地方处理所有错误。这不仅简化了代码,而且使代码更易于维护和调试。
是的,您可以将 jQuery 1.9 AJAX Promise 接口与其他版本的 jQuery 一起使用。但是,请注意,Promise 接口是在 jQuery 1.5 中引入的,因此它不适用于早期版本。此外,Promise 接口的某些功能在更高版本的 jQuery 中可能不可用,因此始终建议检查 jQuery 文档以了解兼容性问题。
与其他处理 AJAX 请求的方法相比,jQuery 1.9 AJAX Promise 接口具有多个优势。它提供了一种更结构化和组织化的方法来处理多个 AJAX 请求,改进了错误处理,并使代码更易于阅读和维护。但是,对于初学者来说,它可能比其他方法更复杂一些。
jQuery 中的 Promise 和 Deferred 对象都用于管理异步操作,但它们具有不同的用途。Deferred 对象表示尚未完成的工作单元,而 Promise 对象表示该工作的最终结果。换句话说,Deferred 对象可以被解析或拒绝,而 Promise 对象只能被履行或拒绝。
将传统的 AJAX 调用转换为基于 Promise 的 AJAX 调用包括将 AJAX 调用包装在一个返回 Promise 对象的函数中。然后,根据 AJAX 调用的成功或失败来解析或拒绝 Promise 对象。
是的,您可以将 jQuery 1.9 AJAX Promise 接口与其他 JavaScript 库一起使用。但是,您需要注意潜在的兼容性问题,尤其是如果其他库也使用 Promise 或类似的构造。
您可以使用 $.when() 函数使用 jQuery 1.9 AJAX Promise 接口处理多个 AJAX 请求。此函数将多个 Promise 对象作为参数,并返回一个新的 Promise 对象,该对象在所有输入 Promise 对象都解析时解析。
如果使用 jQuery 1.9 AJAX Promise 接口时 AJAX 请求失败,则与该请求关联的 Promise 对象将被拒绝。您可以通过将 .fail()
处理程序附加到 Promise 对象来处理这种情况,如果 Promise 被拒绝,则将调用该处理程序。
是的,您可以将 jQuery 1.9 AJAX Promise 接口用于非 AJAX 异步操作。Promise 接口是用于管理异步操作的通用构造,因此它可以与任何可能不会立即完成的操作一起使用,例如读取文件或查询数据库。
以上是jQuery 1.9 .ajax()新的Promise接口优势的详细内容。更多信息请关注PHP中文网其他相关文章!