在现代网页开发中，AJAX是一项重要的技术，它可以通过异步的方式向服务器请求数据或提交表单，而不需要刷新整个页面。jQuery库中内置了强大的AJAX功能，使得开发者可以轻松地实现异步交互。
发送AJAX请求
使用$.ajax()函数可以发送AJAX请求，并处理响应结果。函数的常用参数如下：
--------
---- ------------------------------
------- ------
----- - --- --- --
--------- -------
-------- ------------------ -
----------------------
--
------ ------------- ------- ------ -
-------------------
-
---参数说明：
url：请求的URL地址。method：请求的HTTP方法，可以为GET、POST等。data：发送的数据，可以是对象或字符串。dataType：响应数据的类型，可以为json、xml、html等。success：成功处理响应的回调函数。error：处理错误情况的回调函数。
当成功发送一个AJAX请求时，success回调函数会被执行，并将服务器返回的数据作为参数传递给它。如果发生错误，则会调用error回调函数来处理。
使用Promise处理AJAX请求
在jQuery 3.x版本中，$.ajax()函数返回一个Promise对象，可以使用Promise的语法来处理AJAX请求：
-------- ---- ------------------------------ ------- ------ ----- - --- --- -- --------- ------ -- ------------------------ - ---------------------- -- ------------------- ------- ------ - ------------------- ---
这种方式更加简洁，同时也能够利用Promise的链式语法来优雅地处理异步请求。
发送表单数据
使用$.ajax()函数发送表单数据时，需要将data参数设置为一个序列化后的表单字符串。可以使用jQuery库中的serialize()方法来实现表单序列化：
----- ------------
------ ----------- ----------------
------ --------------- ----------------
------- ------------------------------
-------
--------
-------------------------------- -
--- -------- - -------------------------
--------
---- ---------------------------
------- -------
----- ---------
--------- ------
-------------------------- -
----------------------
--------------------- ------- ------ -
-------------------
---
---
---------跨域请求
由于浏览器的同源策略限制，直接从JavaScript中发送跨域请求是不允许的。但是，可以通过服务器端设置CORS（跨域资源共享）头部来允许跨域请求。例如，在PHP中可以这样设置：
------------------------------------ ----
除了CORS之外，还可以使用JSONP技术来实现跨域请求。jQuery库中的$.getJSON()函数就是使用JSONP方式发送请求的简便方法：
--------------------------------------------------- ------------------ - ---------------------- ---
这样发送的请求，会自动添加callback参数，并将响应结果包装在一个回调函数中返回。
总结
在本文中，我们详细介绍了在JavaScript的jQuery库中操作AJAX的方法，包括发送AJAX请求、使用Promise处理AJAX请求、发送表单数据、跨域请求等。通过本文的学习，您应该可以灵活地使用jQuery库来实现各种异步交互需求了。
示例代码：https://jsfiddle.net/3q8y9fz1/
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/4091