jq里的ajax超详细参数讲解
在jQuery中,$.ajax()方法是用来通过HTTP Request 发送请求的。这个方法非常强大,可以用来处理各种请求,比如GET, POST, PUT, DELETE等。
以下是$.ajax()方法的参数列表:
- url: 类型:String,默认值:当前页地址,发送请求的地址。
- type: 类型:String,请求类型,可以是GET,POST,PUT,DELETE等。
- timeout: 类型:Number,设置请求超时时间(毫秒)。此设置将覆盖全局设置。
- async: 类型:Boolean,默认值:true,默认设置下所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为false。
- cache: 类型:Boolean,默认值:true,如果设置为false,URL相同的请求则会自动cache结果。
- data: 类型:Object,String,发送到服务器的数据。将自动转换为请求字符串格式。GET请求中将附加在URL后。
- dataType: 类型:String,预期服务器返回的数据类型。如果不指定,jQuery将自动根据HTTP包MIME信息返回responseXML或responseText,并作为回调函数参数传递。
- contentType: 类型:String,默认值:"application/x-www-form-urlencoded"。发送信息至服务器时内容编码类型。
- beforeSend: 类型:Function,发送请求前可以修改XMLHttpRequest对象的函数,例如添加自定义HTTP头。
- complete: 类型:Function,请求完成后回调函数(请求成功或失败时均调用)。参数:XMLHttpRequest对象,成功标识。
- success: 类型:Function,请求成功后回调函数。参数:服务器返回数据,状态字符串,XMLHttpRequest对象。
- error: 类型:Function,请求失败时调用此函数。参数:XMLHttpRequest对象,错误信息,(可能)捕获的错误对象。
- accepts: 类型:Object,一个JavaScript对象,用于记录可接受的内容类型。
- dataFilter: 类型:Function,给Ajax返回的原始数据进行预处理的函数。提供data和type两个参数。
以下是一个使用$.ajax()方法的例子:
$.ajax({
url: "test.html",
type: "GET",
dataType: "html",
timeout: 1000,
beforeSend: function(xhr){
xhr.setRequestHeader("Content-Type", "application/json");
},
error: function(){
alert("Error loading the page");
},
success: function(data){
$("#myDiv").html(data);
}
});
这个例子中,我们发送一个GET请求到"test.html",并期望返回的数据类型是HTML。如果请求超时,我们会显示一个错误消息。如果请求成功,我们会将返回的数据放入id为"myDiv"的元素中。
评论已关闭