jQuery封装ajax的使用方法
在jQuery中,封装ajax请求,不用考虑兼容,跨域等问题,这是jQuery的先天优势,我们只需要在设定请求时,设定不同的参数,就可以完成不同的请求。
jQuery中封装的ajax请求分为三种方法:
1:$.get() get请求方式
参数有4个参数,必填参数为url地址,其他参数为选填参数,可填可不填,参数的形式为对象形式
$.get({
url:地址(必填)
data:携带的参数 对象形式
dataType:期待的数据类型,如果为json,会将后端返回的json串自动解析
success:function(){}请求成功是执行的函数
})
2:$post()post请求方式
参数的4个参数,必填参数为url地址,其他参数都是选填参数,可以没有。参数形式为对象形式
$.post({
url:地址(必填)
data:携带的参数,对象形式
dataType:期望的数据类型,如果为json,会将后端返回的json串自动解析
success:function(){}请求成功是执行的函数
3:$ajax() 综合方式
参数有N个参数。
$ajax({
常用:
url:地址
type/method:请求方式 默认为get方式
data:{}传参参数,必须为对象形式
dataType:json 设定为json会自动解析反应体中的json串
success:function(){}请求成功执行的函数
不常用:
async:设定是否同步,默认为true,异步执行ajax请求
error:function(){} 请求错误执行的函数
timeout:设定时间,单位为毫秒,如果请求时间超过设定的时间,认为请求失败必须为异步请求
cache:设定是否缓存请求的结果,默认为true,缓存请求的结果,必须为get方式,这个设定才有作用,post没用。
context:指定执行函数中this的指向

浙公网安备 33010602011771号