Ajax常見請求方式詳解(增刪改查)
阿新 • • 發佈:2019-02-16
1、GET請求(查)
一般應用於從伺服器獲取資料,如果get請求向伺服器傳遞內容,一般使用url問號傳參的方式。
$.ajax({ url: "", type: "GET", dataType: "json", data: { "id":2 }, success: function (data) { console.log('獲取成功') }.bind(this), error: function (xhr, status, err) { }.bind(this) }); }
2、POST請求(增)
一般用於向伺服器推送資料,post請求給伺服器傳遞內容,一般採用請求主體的方式傳遞給伺服器。
$.ajax({ url: '', type: 'POST', data: {"id": 1, "username":"max"}, success: function (data) { console.log('新增success'); } }.bind(this), error: function (xhr, status, err) { }.bind(this), });
3、PUT請求(改)
一般應用於給伺服器增加資原始檔(上傳圖片等)
$.ajax({ url:"", type: "PUT", dataType: "json", data:{ "id":1, "name":"myname", "desc":"description", "key":"zbc", }, success: function (data) { console.log('修改成功'); }.bind(this), error: function (xhr, status, err) { }.bind(this) });
4、DELETE請求(刪)
一般應用於從伺服器上刪除檔案
$.ajax({
url:"",
type: "DELETE",
dataType: "json",
data: {"id":1, "name":"zhangsan"},
success: function (data) {
console.log('成功刪除');
}.bind(this),
error: function (xhr, status, err) {
}.bind(this)
});
另附:網路請求超時處理:
var ajaxTimeoutTest = $.ajax({
url:'', //請求的URL
timeout : 1000, //超時時間設定,單位毫秒
type : 'get', //請求方式,get或post
data :{}, //請求所傳引數,json格式
dataType:'json',//返回的資料格式
success:function(data){ //請求成功的回撥函式
alert("成功");
},
complete : function(XMLHttpRequest,status){ //請求完成後最終執行引數
if(status=='timeout'){//超時,status還有success,error等值的情況
ajaxTimeoutTest.abort();
alert("超時");
}
}
});