AJAX 常用请求方式总结

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("网络请求失败");
}
});