在jQuery中对Ajax进行了封装,让我们使用起来更加方便。
在jQuery使用
$.ajax()
$.ajax({
url:'01.php',
type : 'POST',
dataType:'jsonp',
data : {
username : 'lilei',
password : '123456'
},
success:function(response){
},
error:function(e){
},
/*以上参数是必须的,以下参数是一些用的较少的*/
complete:function(){
},
context : $('div'),
timeout : 800,
async: true
});
url:发送请求的地址(默认为当前页面),要求是String类型的参数
type:请求方法(post或者get),默认是get,要求是String类型的参数。其他的htpp请求如(put、delete)等也支持,但是要浏览器支持
dataType:预期服务器返回的数据类型,要求为String类型的参数。如果不指定,JQuery将自动根据http包mime信息返回responseXML或responseText,并作为回调函数参数传递。可用的类型如下:
xml:返回XML文档,可用JQuery处理。
html:返回纯文本HTML信息;包含的script标签会在插入DOM时执行。
script:返回纯文本JavaScript代码。
json:返回JSON数据。
jsonp:JSONP格式。
text:返回纯文本字符串。
jsop跨域,只能使用get方法,如果我们设置的是post方法,jQuery自动跳转为get方法
在jQuery中会先判断是否为同源请求,如果同源,那么这是的是get就是get,设置的是post就是post
如果不同源,无论设置什么都改为get
data:发送到服务器的数据,要求是Object或string类型的参数。
success:请求成功后调用的回调函数,要求为Function类型的参数。
error:请求失败时被调用的函数。要求为Function类型的参数。
complete:请求完成后调用的回调函数(请求成功或失败时均调用)。要求为Function类型的参数。
context :可以改变回调函数中的上下文 -> this
timeout :设置请求时长,比如 请求800毫秒就终止,终止了complete会执行
async:是否异步,默认值true ,false为同步请求