這篇文章主要介紹JQuery如何封裝Ajax，文中介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)網(wǎng)站建設(shè)由有經(jīng)驗的網(wǎng)站設(shè)計師、開發(fā)人員和項目經(jīng)理組成的專業(yè)建站團(tuán)隊，負(fù)責(zé)網(wǎng)站視覺設(shè)計、用戶體驗優(yōu)化、交互設(shè)計和前端開發(fā)等方面的工作，以確保網(wǎng)站外觀精美、網(wǎng)站制作、網(wǎng)站建設(shè)易于使用并且具有良好的響應(yīng)性。

why easy-ajax

easy-ajax是為了治理前端亂寫Ajax方法而生?；趈query封裝一些常用方法，后期計劃加入前端數(shù)據(jù)緩存功能。

使用方法如下：

API：

config配置項：

config{
  jqueryAjax默認(rèn)配置外增加如下配置：
  mustCallback：強制回調(diào)（很多情況請求失敗后直接在Ajax中提示后端返回的錯誤信息就結(jié)束了，不會進(jìn)入回調(diào)函數(shù)，但很難避免失敗也需要處理邏輯的情況，所以增加了此項配置，無論成功失敗皆執(zhí)行配置中的callback，前提是有回掉函數(shù)。）
}

使用from表單方式處理參數(shù)請求后臺（接口使用@RequestParam時使用）

EasyAjax.post_form_json

使用普通方式請求（接口使用@RequestBody時使用）

EasyAjax.post_json

文件上傳方法1：

var file = $(".xxx").get(0).files[0];
var fileData = new FormData();
fileData.append("file", file);
EasyAjax.ajax_Upload_File({
          url: "URL",
          data: fileData
        },
        function (data) {
          if (data.success) {
            //上傳成功
          }
        });

文件上傳方法2：

直接配置elem方法，使用方式如下：

EasyAjax.ajax_Upload_File_Elem({
          url:"URL"
          , elem: "#icon"
        },function (res) {
          if (res.success) {
            //上傳成功
          }
        });

以上是“JQuery如何封裝Ajax”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道！

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站www.cdcxhl.com，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。

分享名稱：JQuery如何封裝Ajax-創(chuàng)新互聯(lián)
網(wǎng)站路徑：http://weahome.cn/article/djoieh.html