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("超时");
}
}
});