什么是$ajax()请求
jquery里面有封装好的调用ajax的方法,我们可以使用它更加方便地调用,不用再创建XMLHttpRequest
怎么使用
示例
$(function(){
$.ajax({
type: "POST",//方法类型//预期服务器返回的数据类型
dataType: "json",
url: "${pageContext.request.contextPath}/query_registration_member.do" ,//url
data: null,
contentType: "application/x-www-form-urlencoded",
success: function (result) {
var item=result.reList;
var trStr="";
for(i=0;i<item.length;i++){
var json= JSON.stringify(item[i]);
trStr+="<tr><td>"+item[i].record_member_num+"</td>";
trStr+="<td>"+item[i].record_member_name+"</td>";
trStr+="<td>"+item[i].record_member_time+"</td></tr>";
}
$("#table2").append(trStr);
},
error : function() {
console.log("ajax异常")
alert("异常!");
}
});
})
1.使用地方法就是调用
.ajax,这个方法里有一个对象,但这个对象包含了
.
a
j
a
x
,
这
个
方
法
里
有
一
个
对
象
,
但
这
个
对
象
包
含
了
.ajax()方法所需要的所有配置,
2.方法包含地参数说明
type:类型是String, 请求方式(POST或GET)默认为GET
datatype:类型是String,预期服务器返回的数据类型以便解析,如果不指定,jQuery 将自动根据HTTPMIME信息返回
url:类型是String,(默认为当前页地址)发送请求的地址
data:类型是Object或String,发送到服务器的数据,一般是json
contentType:类型是String,主要设置你发送给服务器的格式
success:类型是Function,请求成功后调用的回调函数
(1)由服务器返回,并根据dataType参数进行处理后的数据。
(2)描述状态的字符串。
function(data, textStatus){
//data可能是xmlDoc、jsonObj、html、text等等
this; //调用本次ajax请求时传递的options参数
}
error:请求失败后调用的回调函数
该函数有3个参数,即XMLHttpRequest对象、错误信息、捕获的错误对象(可选)。ajax事件函数如下:
function(XMLHttpRequest, textStatus, errorThrown){
//通常情况下textStatus和errorThrown只有其中一个包含信息
this; //调用本次ajax请求时传递的options参数
}
注意点
1.当用json传输数据地时候,需要springMVC中配置json的处理器适配器,不然不能传输json数据到前端