AJAX 常用请求方式总结
2017-12-19 15:30
435 查看
JQqury
$.get():
get()方法通过远程HTTP GET请求载入信息
语法:$(selector).get(url,data,success(response,status,xhr),dataType)
参数
url:必须,请求发送的地址。
data:可选,发送到服务器的数据。
success:可选,请求成功时运行的函数
1).response:包含结果的数据
2).status:包含请求的状态
3).xhr:包含XmlHttpRequest对象
dataType:服务器响应的数据类型,默认将智能判断
$.get("https://www.baidu.com/", function (data, status) {
alert("数据:" + data + "\n状态:" + status);
}).error(function(msg){
alert(JSON.stringify(msg))
});
$.post()
post()方法通过远程HTTP Post请求载入信息
语法:$(selector).post(url,data,success(data,status,jqXHR),dataType)
参数
url:必须,请求发送的地址。
data:可选,发送到服务器的数据。
success:可选,请求成功时运行的函数
1).data:包含结果的数据
2).status:包含请求的状态
3).jqXHR:包含XmlHttpRequest对象
dataType:服务器响应的数据类型,默认将智能判断
each 解析
varstr="";
$.ajax({
url:url,
type:"get",
success:function(list){
$("#PumpInfo").html("");
$.each(list,function(i,item){
str+="<td>"+item.id+"</td>";
str+="<td>"+item.name+"</td>";
str+="<td>"+item.mode+"</td>";
str+="<td>"+item.volumeDelivered+"</td>";
str+="<td>"+item.rate+"</td>";
str+="<td>"+item.volumeRemaining+"</td>";
str+="<td>"+item.cumulativeVolumeDelivered+"</td>";
str+="<td>"+item.drugName+"</td>";
str+="<td>"+item.list+"</td>";
str+="<td>"+item.status+"</td>";
});
$("#PumpInfo").append(str);
},error : function() {
alert("网络请求失败");
}
});
for 解析 调用
$.ajax({
url:url,
type:"POST",
data:param,
success:function(data){
$("#tbody").html("");
var list=data.list;
last= data.last;
var str="";
str="";
for(var i = 0; i<list.length; i++){
str+="<tr><td><input type='checkbox' name='subChk' attr-id="+list[i].id+"></td>"
str+="<td>"+list[i].name+"</td>";
str+="<td>"+list[i].contactname+"</td>";
str+="<td>"+list[i].contactphone+"</td>";
str+="<td>"+list[i].addr+"</td>";
str+="<td><a href='ShopsiteAction!WangDianUpdate.action?shopsite.id="+list[i].id+"'><input type='button' value='修改' /></a></td></tr>";
}
$("#tbody").append(str);
},error : function(data) {
alert("网络请求失败");
}
});
$.get():
get()方法通过远程HTTP GET请求载入信息
语法:$(selector).get(url,data,success(response,status,xhr),dataType)
参数
url:必须,请求发送的地址。
data:可选,发送到服务器的数据。
success:可选,请求成功时运行的函数
1).response:包含结果的数据
2).status:包含请求的状态
3).xhr:包含XmlHttpRequest对象
dataType:服务器响应的数据类型,默认将智能判断
$.get("https://www.baidu.com/", function (data, status) {
alert("数据:" + data + "\n状态:" + status);
}).error(function(msg){
alert(JSON.stringify(msg))
});
$.post()
post()方法通过远程HTTP Post请求载入信息
语法:$(selector).post(url,data,success(data,status,jqXHR),dataType)
参数
url:必须,请求发送的地址。
data:可选,发送到服务器的数据。
success:可选,请求成功时运行的函数
1).data:包含结果的数据
2).status:包含请求的状态
3).jqXHR:包含XmlHttpRequest对象
dataType:服务器响应的数据类型,默认将智能判断
each 解析
varstr="";
$.ajax({
url:url,
type:"get",
success:function(list){
$("#PumpInfo").html("");
$.each(list,function(i,item){
str+="<td>"+item.id+"</td>";
str+="<td>"+item.name+"</td>";
str+="<td>"+item.mode+"</td>";
str+="<td>"+item.volumeDelivered+"</td>";
str+="<td>"+item.rate+"</td>";
str+="<td>"+item.volumeRemaining+"</td>";
str+="<td>"+item.cumulativeVolumeDelivered+"</td>";
str+="<td>"+item.drugName+"</td>";
str+="<td>"+item.list+"</td>";
str+="<td>"+item.status+"</td>";
});
$("#PumpInfo").append(str);
},error : function() {
alert("网络请求失败");
}
});
for 解析 调用
$.ajax({
url:url,
type:"POST",
data:param,
success:function(data){
$("#tbody").html("");
var list=data.list;
last= data.last;
var str="";
str="";
for(var i = 0; i<list.length; i++){
str+="<tr><td><input type='checkbox' name='subChk' attr-id="+list[i].id+"></td>"
str+="<td>"+list[i].name+"</td>";
str+="<td>"+list[i].contactname+"</td>";
str+="<td>"+list[i].contactphone+"</td>";
str+="<td>"+list[i].addr+"</td>";
str+="<td><a href='ShopsiteAction!WangDianUpdate.action?shopsite.id="+list[i].id+"'><input type='button' value='修改' /></a></td></tr>";
}
$("#tbody").append(str);
},error : function(data) {
alert("网络请求失败");
}
});
相关文章推荐
- jQuery中ajax的4种常用请求方式
- jQuery中ajax的4种常用请求方式
- jQuery中ajax的4种常用请求方式
- jQuery中ajax的4种常用请求方式
- jQuery中ajax的4种常用请求方式
- jQuery中ajax的4种常用请求方式
- Ajax常用请求方式
- 前台返回json数据的常用方式+常用的AJAX请求后台数据方式
- jQuery中ajax的4种常用请求方式介绍
- jQuery中ajax的4种常用请求方式
- jQuery中ajax的4种常用请求方式
- jQuery中ajax的4种常用请求方式
- jQuery中ajax的4种常用请求方式
- 【jQuery】jQuery中ajax的4种常用请求方式
- ajax的4种常用请求方式
- jQuery中ajax的4种常用请求方式
- jQuery中ajax的4种常用请求方式
- jQuery中ajax的4种常用请求方式
- ajax常用请求方式
- 常用的两种ajax上传文件的方式