1. 程式人生 > >ajax傳參的一些總結

ajax傳參的一些總結

一、ajax實現get或post的請求的封裝
1、$.ajax({});
2、url  介面的地址
3、type  請求方式  要結合後臺
4、timeout 請求超時  單位:ms
  比如:
    timeout:3000;
    同時伺服器需要設定執行緒暫停sleep(4);
    請求失敗之後的回撥
    error:function(e){
      if(e.statusText=="timeout"){
        alert("請求超時,請重試);
      }
    }
5、dataType  設定響應資料的格式 
  響應資料的格式包括:xml json text html script jsonp
  同時要檢視後臺伺服器返回的資料格式,針對性的進行引數設定。
  根據使用者傳入的dataType進行資料的轉換接收
    if(dataType == "json"){
      var result = JSON.parse(xhr.responseText);
    }else if(dataType == "xml"){
      var result = xhr.responseText;
    }else{
      var result = xhr.responseText;
    }
6、data  傳送請求資料  物件的格式
7、beforeSend:function(){}  傳送請求之前的呼叫
  在這個回撥中,我們可以進行一些請求之前的相關操作,比如:驗證
  在這個回撥函式中,如果return false,那麼本次請求會終止。
8、success  成功響應後呼叫
9、error  錯誤響應時呼叫   響應狀態不是200的時候  直接進入error
10、complete:function(){}  響應完成時呼叫 (無論請求成功還是失敗)
  這個回撥函式,主要實現一些全域性成員的釋放,或者頁面狀態的重置,...
11、$("form").serialize()  格式化key=value&key=value
  可以通過表單序列化的方式來收集使用者資料  
  這個方法是jquery中的方法,需要jquery物件來呼叫
  這個方法可以將表單中所有name屬性的表單元素的值收集起來,生成key=value&key=value這種結構
  在ajax中支援兩種格式的引數,一是物件,二是引數格式字串
二、以get方式傳送請求
$.get(url,data,success,dataType)  只能傳送get請求
引數的說明:
  url:請求的url
  Data:請求所傳遞的資料
  success 成功之後的回撥
  datatype  我們需要返回的資料的格式

三、以post方式傳送請求
$.post(url,data,success,dataType)  只能傳送post請求
引數的說明:
  url:請求的url
  Data:請求所傳遞的資料
  success 成功之後的回撥
  datatype  我們需要返回的資料的格式