Ajax 是 Web 开发中常用的技术之一，它可以通过异步请求与服务器端通信并更新页面数据。jQuery 是广泛使用的 JavaScript 库之一，它为 Ajax 请求提供了简单易用的封装。
本文将介绍 jQuery 的 ajax() 方法及其三个回调函数 done()、fail() 和 always()，详细讲述它们的用法和区别，并通过示例代码帮助读者深入理解。
ajax() 方法
ajax() 方法是 jQuery 提供的对原生 XMLHttpRequest 对象的封装，能够在不刷新页面的情况下向服务器发送 HTTP 请求。ajax() 方法的基本语法如下：
-------- ---- --- ----- --- ----- --- -------- -------------- --- ------ ------------- ------- ---- --- --------- ------------- ------- -- ---
其中，url 表示请求的 URL 地址，type 表示请求的方法（GET 或 POST），data 表示要发送的数据，success 回调函数在请求成功后执行，error 回调函数在请求失败时执行，complete 回调函数在请求完成后执行。
需要注意的是，ajax() 方法返回的是 Deferred 对象，也就是一个延迟对象，可以通过链式调用 done()、fail() 和 always() 等方法来处理请求的结果。
done() 方法
done() 方法是当请求成功时执行的回调函数，语法如下：
-------- ---- --- ----- --- ----- -- ---------------------- - -- -------- ---
需要注意的是，done() 方法只有在请求成功时才会被调用，如果请求失败将不会执行。
fail() 方法
fail() 方法是当请求失败时执行的回调函数，语法如下：
-------- ---- --- ----- --- ----- -- --------------------- ------- ---- - -- -------- ---
fail() 方法的参数 xhr 表示 XMLHttpRequest 对象，status 表示错误的状态码，err 表示错误信息。
需要注意的是，fail() 方法只有在请求失败时才会被调用，如果请求成功将不会执行。
always() 方法
always() 方法是不论请求成功还是失败都会执行的回调函数，语法如下：
-------- ---- --- ----- --- ----- -- ----------------------- ------- - -- ---------- ---
需要注意的是，always() 方法无论请求成功或失败都会被调用。这个方法通常用来在请求结束后进行一些清理工作，比如隐藏加载动画等。
示例代码
以下示例代码演示了 ajax() 方法和各个回调函数的用法：
-------- ---- --------------------------------- ----- ------ ----- ----- -------- ---------------------- - -- ---------- ------------------ --------------------- ------- ---- - -- ---------- ----------------- ----------------------- ------- - -- ---------- --------------------- ---
以上代码中，请求了一个名为 'http://example.com/api/getData' 的接口，并传递了一个名为 key 值为 value 的参数。在成功时打印出返回的数据，在失败时打印出错误信息，在请求结束后隐藏加载动画。
总结
本文介绍了 jQuery 的 ajax() 方法及其回调函数 done()、fail() 和 always() 的用法和区别，并通过示例代码帮助读者深入理解。在实际开发中，合理使用这些方法可以让我们更好地处理异步请求，提高页面性能和用户体验。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/12861