jQuery版AJAX簡易封裝代碼

更新時間：2016年09月14日 14:01:35 作者：靚仔小伙計

這篇文章主要為大家詳細介紹了jQuery版AJAX簡易封裝代碼,具有一定的參考價值，感興趣的小伙伴們可以參考一下

開發(fā)過程中，AJAX的應(yīng)用應(yīng)該說非常頻繁，當然，jQuery的AJAX函數(shù)已經(jīng)非常好用，但是小編還是稍微整理下，方便不同需求下，可以簡化輸入?yún)?shù)，下面是實例代碼：

$(function(){
  /**
   * ajax封裝
   * url 發(fā)送請求的地址
   * data 發(fā)送到服務(wù)器的數(shù)據(jù)，數(shù)組存儲，如：{"date": new Date().getTime(), "state": 1}
   * async 默認值: true。默認設(shè)置下，所有請求均為異步請求。如果需要發(fā)送同步請求，請將此選項設(shè)置為 false。
   *    注意，同步請求將鎖住瀏覽器，用戶其它操作必須等待請求完成才可以執(zhí)行。
   * type 請求方式("POST" 或 "GET")， 默認為 "GET"
   * dataType 預(yù)期服務(wù)器返回的數(shù)據(jù)類型，常用的如：xml、html、json、text
   * successfn 成功回調(diào)函數(shù)
   * errorfn 失敗回調(diào)函數(shù)
   */
  jQuery.syncAjax=function(url, data, async, type, dataType, successfn, errorfn) {
    async = (async==null || async=="" || typeof(async)=="undefined")? "true" : async;
    type = (type==null || type=="" || typeof(type)=="undefined")? "post" : type;
    dataType = (dataType==null || dataType=="" || typeof(dataType)=="undefined")? "json" : dataType;
    data = (data==null || data=="" || typeof(data)=="undefined")? {"date": new Date().getTime()} : data;
    $.ajax({
      type: type,
      async: async,
      data: data,
      url: url,
      dataType: dataType,
      success: function(d){
        successfn(d);
      },
      error: function(e){
        errorfn(e);
      }
    });
  };
  
  /**
   * ajax封裝
   * url 發(fā)送請求的地址
   * data 發(fā)送到服務(wù)器的數(shù)據(jù)，數(shù)組存儲，如：{"date": new Date().getTime(), "state": 1}
   * successfn 成功回調(diào)函數(shù)
   */
  jQuery.jsonAjax=function(url, data, successfn) {
    data = (data==null || data=="" || typeof(data)=="undefined")? {"date": new Date().getTime()} : data;
    $.ajax({
      type: "post",
      data: data,
      url: url,
      dataType: "json",
      success: function(d){
        successfn(d);
      }
    });
  };
  
  /**
   * ajax封裝
   * url 發(fā)送請求的地址
   * data 發(fā)送到服務(wù)器的數(shù)據(jù)，數(shù)組存儲，如：{"date": new Date().getTime(), "state": 1}
   * dataType 預(yù)期服務(wù)器返回的數(shù)據(jù)類型，常用的如：xml、html、json、text
   * successfn 成功回調(diào)函數(shù)
   * errorfn 失敗回調(diào)函數(shù)
   */
  jQuery.jsonAjax2=function(url, data, successfn, errorfn) {
    data = (data==null || data=="" || typeof(data)=="undefined")? {"date": new Date().getTime()} : data;
    $.ajax({
      type: "post",
      data: data,
      url: url,
      dataType: "json",
      success: function(d){
        successfn(d);
      },
      error: function(e){
        errorfn(e);
      }
    });
  };



});

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: