JQuery如何封裝Ajax

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

why easy-ajax

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

使用方法如下：

<script src="easy.ajax.js"></script>

API：

config配置項(xiàng)：

config{
  jqueryAjax默認(rèn)配置外增加如下配置：
  mustCallback：強(qiáng)制回調(diào)（很多情況請求失敗后直接在Ajax中提示后端返回的錯誤信息就結(jié)束了，不會進(jìn)入回調(diào)函數(shù)，但很難避免失敗也需要處理邏輯的情況，所以增加了此項(xiàng)配置，無論成功失敗皆執(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)注億速云行業(yè)資訊頻道！