使用load $.get() $.post() 方法完成一些常规的Ajax程序,要编写一些复杂的Ajax程序,
那么就的用到$.ajax();不仅能同时实现与load、get、post方法实现同样的的功能,而且
还可以设定beforeSend(提交前回调函数)、error(请求失败处理)、success(请求成功
后处理)以及complete(请求完成后处理)回调函数,通过这些回调函数,可以给用户更多
的Ajax提示信息。另外,还有一些参数,可以设置Ajax请求的超时时间或者页面的最后更改状态
等。
ajax中的参数详解
url:(默认为当前网页地址)发送请求的地址
type:请求的方式 post、get默认为get,注意http请求的方法,例如PUT和DELETE也可以使用,
但仅有部分浏览器支持
timeout:设置请求超时间(毫秒),此设置将覆盖$.ajaxSetup()方法的全局变量
data:发送到服务器的数据可以在URL后面也可以使用json格式key/value对
dataType:返回数据类型 xml、html、script、json、jsonp、text
beforeSend:发送请求修改XMLHttpRequest对象的函数,例如添加自定义HTTP头、
在beforeSend中如果返回false中取消本次ajax请求、XmLHttpRequest对象唯一的参数、
function(XMLHttpRequest){
this;//调用贝齿Ajax请求传递的options参数
}
complete:请求完成红调用的回调函数(请求成功失败均调用)
success:请求成功调用的回调回调函数,有两个参数。1.由服务器返回,并更具dataType参数进行
处理后的数据。2.描述状态的字符串
function(data,textStatus){
//data可能是xmlDac、jsonObj、html、text等等
this;//调用本次ajax请求传递的options参数
}
error:请求失败时调用的函数,该函数有3个参数,即XMLHttpRequest对象、错误信息、捕获的错误
对象(可选)。Ajax时间函数如下:
function(XMLHttpRequest,textStatus,errorThrown){
//通常情况下textStatus河errorThown只有其中一个包含信息,
this;调用本次Ajax请求是传递的options参数
}
global:默认为true,表示是否触发全局Ajax事件。设置为false将不会触发全局Ajax事件,AjaxStart或者
AjaxStop可用控制各种Ajax事件
*/
$.ajax({
type:"POST",//请求方式
url:"test.html",//url访问地址
data:{name:"战三",age:"11"}//传递参数
dataType:"json",//返回值类型
success:function(data){//成功数据处理
//data...数据处理
},
error:function(msg){//失败处理
alert(msg);
}
});
那么就的用到$.ajax();不仅能同时实现与load、get、post方法实现同样的的功能,而且
还可以设定beforeSend(提交前回调函数)、error(请求失败处理)、success(请求成功
后处理)以及complete(请求完成后处理)回调函数,通过这些回调函数,可以给用户更多
的Ajax提示信息。另外,还有一些参数,可以设置Ajax请求的超时时间或者页面的最后更改状态
等。
ajax中的参数详解
url:(默认为当前网页地址)发送请求的地址
type:请求的方式 post、get默认为get,注意http请求的方法,例如PUT和DELETE也可以使用,
但仅有部分浏览器支持
timeout:设置请求超时间(毫秒),此设置将覆盖$.ajaxSetup()方法的全局变量
data:发送到服务器的数据可以在URL后面也可以使用json格式key/value对
dataType:返回数据类型 xml、html、script、json、jsonp、text
beforeSend:发送请求修改XMLHttpRequest对象的函数,例如添加自定义HTTP头、
在beforeSend中如果返回false中取消本次ajax请求、XmLHttpRequest对象唯一的参数、
function(XMLHttpRequest){
this;//调用贝齿Ajax请求传递的options参数
}
complete:请求完成红调用的回调函数(请求成功失败均调用)
success:请求成功调用的回调回调函数,有两个参数。1.由服务器返回,并更具dataType参数进行
处理后的数据。2.描述状态的字符串
function(data,textStatus){
//data可能是xmlDac、jsonObj、html、text等等
this;//调用本次ajax请求传递的options参数
}
error:请求失败时调用的函数,该函数有3个参数,即XMLHttpRequest对象、错误信息、捕获的错误
对象(可选)。Ajax时间函数如下:
function(XMLHttpRequest,textStatus,errorThrown){
//通常情况下textStatus河errorThown只有其中一个包含信息,
this;调用本次Ajax请求是传递的options参数
}
global:默认为true,表示是否触发全局Ajax事件。设置为false将不会触发全局Ajax事件,AjaxStart或者
AjaxStop可用控制各种Ajax事件
*/
$.ajax({
type:"POST",//请求方式
url:"test.html",//url访问地址
data:{name:"战三",age:"11"}//传递参数
dataType:"json",//返回值类型
success:function(data){//成功数据处理
//data...数据处理
},
error:function(msg){//失败处理
alert(msg);
}
});