Jquery封装Ajax的方法之逆战班系列

125 阅读1分钟

$.ajax()方法

$.ajax是底层实现方法,配置项以对象形式传递到方法中。 $.ajax({url,type,cache,data,dataType,success,error,contentType,processData[,其他可选参数]});

url:请求的后台程序地址 type:请求方式(post/get) cache:true(缓存) false(不缓存) data:发送到后台的数据 dataType:后台返回数值 success:请求成功后调用的回调函数 error:请求失败时调用的回调函数 contentType:请求头信息(DOM形式发送数据使用false) processData:处理数据方式(DOM形式发送数据使用false) 这个对象里包含了该方法所需要的请求设置以及回调函数等信息,参数以键值对的形式存在,所有参数都是可选的。如果调用$.ajax方法进行文件上传时,需要设置contentType和processData值为false,其他时候不需要设置。

示例: $.ajax({ url:'upimg.php', type:'post',//FormData只能使用post方式 data:fd, contentType:false,//DOM形式发送数据使用false processData:false,//DOM形式发送数据使用false dataType:'json', success:function(msg){ alert(msg); } })

$.post()方法

`$.post(url,data,callback,type)

url:请求的后台程序地址
data:发送到后台的数
callback:载入成功时回调函数,该函数参数是从后台程序接收的结果
type:返回数据的类型

示例:

$.post( 'getContent.php', {id:101}, function(msg){alert (msg)}, 'json' ) `

$.get()方法

$.get(url,data,callback,type])

get和post方法一样,只是get方法可能产生缓存,url需要增加随机后缀。

示例: $.get( 'getContent.php', {id:101,'_':Date.parse(new Date())}, function(msg){alert (msg)}, 'json' )