技術(shù)員聯(lián)盟提供win764位系統(tǒng)下載,win10,win7,xp,裝機(jī)純凈版,64位旗艦版,綠色軟件,免費(fèi)軟件下載基地!

當(dāng)前位置:主頁 > 教程 > 服務(wù)器類 >

JQuery 封裝 Ajax 常用推薦方法

來源:技術(shù)員聯(lián)盟┆發(fā)布時(shí)間:2017-10-09 06:21┆點(diǎn)擊:

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

使用方法如下:

<script src=http://www.3lian.com/edu/2017/05-22/"easy.ajax.js"></script>

API:

config配置項(xiàng):

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

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

EasyAjax.post_form_json

使用普通方式請求(接口使用@RequestBody時(shí)使用)

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) { //上傳成功 } });