您的位置:首页 > Web前端 > JQuery

jQuery $.ajax()方法参数详解

2017-08-16 11:14 393 查看
url:规定为String类型的字符串,是服务器的地址,获取数据或者推送数据的地方

data:要求为Object或String类型的参数,发送到服务器的数据。如果不是字符串,将自动转换为字符串格式。get请求中将附加在url后。防止这种自动转换,可以查看processData选项。对象必须为key/value格式,也就是键值对的形式

type:规定数据提交的方式,为String类型的字符串,常见的方法有“GET/POST/PUT/DELETE”,put和delete方法仅部分浏览器支持

timeout:要求为Number类型的参数,设置请求超时时间(毫秒)一般是10s。此设置将覆盖$.ajaxSetup()方法的全局设置

async:要求为Boolean类型的参数,默认设置为true,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为false。注意,同步请求将锁住浏览器,用户其他操作必须等待请求完成才可以执行

success:请求成功后的回调函数,该函数有两个参数值:

(1)由服务器返回,并根据dataType参数进行处理后的数据。


(2)描述状态的字符串

function(data, textStatus){
//data可能是xmlDoc、jsonObj、html、text等等
this; //调用本次ajax请求时传递的options参数
}
error(xhr,status,error):如果请求失败要运行的回调函数

dataType:要求为String类型的参数,预期服务器返回的数据类型。

complete:
要求为Function类型的参数,请求完成后调用的回调函数(请求成功或失败时均调用)
参数:XMLHttpRequest对象和一个描述成功请求类型的字符串。

function(XMLHttpRequest, textStatus){
this; //调用本次ajax请求时传递的options参数
}contentType:发送数据到服务器时所使用的内容类型。默认是:"application/x-www-form-urlencoded"
username:规定在http访问认证请求中使用的用户名

password:规定在http访问认证请求中使用的密码
实例:

$(function(){
$('#send').click(function(){
$.ajax({
type: "GET", //使用get方法
url: "test.json",
data: {username:$("#username").val(), content:$("#content").val()},
dataType: "json",
success: function(data){
$('#resText').empty(); //清空resText里面的所有内容
var html = '';
$.each(data, function(commentIndex, comment){
html += '<div class="comment"><h6>' + comment['username']
+ ':</h6><p class="para"' + comment['content']
+ '</p></div>';
});
$('#resText').html(html); //返回数据
},
error:function (err) {
return console.error(err); //打印错误信息
}
});
});
});
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  JQuery Ajax .ajax