1. 程式人生 > >Ajax常見請求方式詳解(增刪改查)

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