mui封裝的ajax請求

因爲項目中引進MUI框架，因此就不須要引進jquery，但須要和後臺交互時，常寫爲jquery格式；因此筆者以爲有必要將mui封裝的ajax請求在這裏提一下；

1，mui框架基於htm5plus的XMLHttpRequest，封裝了經常使用的Ajax函數，支持GET、POST請求方式，支持返回json、xml、html、text、script數據類型；
本着極簡的設計原則，mui提供了mui.ajax方法，並在mui.ajax方法基礎上，進一步簡化出最經常使用的mui.get()、mui.getJSON()、mui.post()三個方法；

 

2，mui.ajax()
參數：
url       Type: String  請求發送的目標地址
async     Type: Boolean 發送同步請求
data      {xx:xx,xxx:xxx} 發送到服務器的業務數據
dataType  "xml": 返回XML文檔,"html": 返回純文本HTML信息；,"script": 返回純文本JavaScript代碼,"json": 返回JSON數據,"text": 返回純文本字符串
error     請求失敗時觸發的回調函數，該函數接收三個參數： (xhr：xhr實例對象,type：錯誤描述，可取值："timeout", "error", "abort", "parsererror"、"null",errorThrown：可捕獲的異常對象)
success   請求成功時觸發的回調函數，該函數接收三個參數：(data：服務器返回的響應數據，類型能夠是json對象、xml對象、字符串等；,textStatus：狀態描述，默認值爲'success', xhr：xhr實例對象)
timeout   請求超時時間（毫秒），默認值爲0，表示永不超時；若超過設置的超時時間(非0的狀況)，依然未收到服務器響應，則觸發error回調
type      請求方式，目前僅支持'GET'和'POST'，默認爲'GET'方式
headers   指定HTTP請求的Header； 

3，案例：

a.mui.ajax({
            url : '${ctx}carReserve/getTravelApplyNo',//請求路徑；
            type : 'GET',//表示調用get方法請求；

            dataType:'json',//表示以json形式接受返回參數
            success  : function(data){//請求成功，返回函數
                alert("ok"); 

           },
            error  : function(xhr,type,errorThrown){){//請求失敗，返回函數
                alert("error"); 
            }
        });

b.mui.post("${ctx}carReserve/getTravelApplyNo",{},function(data){
        var datas=data.rows;
              travelApplyNo.value = datas[0].travelApplyNo;
       },'json');
      })

 

mui.post:表示調用post方法請求；

"${ctx}carReserve/getTravelApplyNo"：請求路徑；

{}：大括號裏邊填寫請求參數；

function(data)：表示返回函數，data爲返回參數；

'json'：表示以json形式接受返回參數。

 

mui.get()、mui.getJSON()和上述原理相同，我就舉兩個典型的，剩下的你們有興趣也能夠試試！

因爲筆者目前水平有限，不免出現錯誤，還望你們可以指出來，共同提升。