日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

小編給大家分享一下jquery中Ajax全局調(diào)用封裝的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

成都創(chuàng)新互聯(lián)是專業(yè)的云巖網(wǎng)站建設(shè)公司，云巖接單;提供成都網(wǎng)站設(shè)計、成都網(wǎng)站制作、外貿(mào)網(wǎng)站建設(shè),網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務;采用PHP框架,可快速的進行云巖網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!

前言：

有一種情況：全站都要用異步方式來調(diào)用 數(shù)據(jù)，提交數(shù)據(jù)，那么你每次操作 都會要$.ajax({.....})

寫重復的方法 和代碼，冗余太大， 也浪費時間，雖說你有代碼自動提示補全，但真的不優(yōu)雅，身為前端極客，是不能允許的！

jQuery Ajax通用js封裝

第一步：引入jQuery庫

第二步：開發(fā)Ajax封裝類，已測試通過，可以直接調(diào)用，直接貼代碼，講解就省了

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



});

第三步：調(diào)用模擬

  
    ">

    

    
    
    
    
    
    
    
  
  
     
  

$.axpost(getRootPath()+"/test/ajax.html", null, function(data){
        alert(data.data);
      });

如上代碼：只要填寫 url，和要傳輸?shù)?data 字段就行了，避免了重復工作和代碼冗余。

以上是“jquery中Ajax全局調(diào)用封裝的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學習更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

新聞標題：jquery中Ajax全局調(diào)用封裝的示例分析
分享鏈接：http://www.dlmjj.cn/article/igishj.html