jquery封装的ajax

最新推荐文章于 2023-09-26 20:42:35 发布

原创最新推荐文章于 2023-09-26 20:42:35 发布 · 164 阅读

1 ·

CC 4.0 BY-SA版权

JS 专栏收录该内容

29 篇文章

订阅专栏

本文详细介绍了jQuery库中AJAX的使用方法，包括GET和POST请求的实现，数据传递及回调函数的处理，以及如何通过$.ajax方法进行更高级的配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

具体操作：
$.get(url [,data] [,function(msg){}回调函数] [, dataType]);
data:给服务器传递的数据，请求字符串、json对象都可以设置
funtion(msg){}：回调函数，ajax请求完成后调用该函数，可以在此函数完成ajax的后续处理，msg泛指从服务器传递回来的信息
dataType：服务器返回数据类型，html、text、xml、json

$.post(url [,data] [,fn回调函数] [, dataType]);
该方法与$.get()方法使用完全一致，不同的是其为post方式请求
给服务器传递数据的时候，不需要设置header头

(以上两种ajax请求是异步的，如果需要设置同步请求，就换其他方法)
$.ajax({ //json对象
url:请求地址,
[data]:给服务器传递的数据(请求字符串/json对象)
[dataType]:默认字符串返回信息，数据从服务器返回格式html、text、xml、json
[type]:[get]/post请求方式
[success]:function(msg){} ajax成功请求后的回调函数，可以做后续处理使用
msg泛指服务器返回来的信息
相当于readyState==4的处理逻辑函数部分
async:[true]异步/false同步，
cache:[true]缓存/false不缓存,
})
jquery封装的ajax具体使用(下图各个方法要分别依次使用)：
在这里插入图片描述