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

10年積累的成都網(wǎng)站設(shè)計、成都做網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認識你，你也不認識我。但先網(wǎng)站設(shè)計后付款的網(wǎng)站建設(shè)流程，更有鳳山免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

why easy-ajax

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

使用方法如下：

API：

config配置項：

config{
  jqueryAjax默認配置外增加如下配置：
  mustCallback：強制回調(diào)（很多情況請求失敗后直接在Ajax中提示后端返回的錯誤信息就結(jié)束了，不會進入回調(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)行業(yè)資訊頻道！