Ajax请求方式详解（增删改查）

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