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