JQuery 封裝 Ajax 常用方法(推薦)
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中提示后端返回的錯(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) {
//上傳成功
}
});
以上所述是小編給大家介紹的JQuery 封裝 Ajax 常用方法(推薦),希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會(huì)及時(shí)回復(fù)大家的!
相關(guān)文章
firefox下jquery iframe刷新頁面提示會(huì)導(dǎo)致重復(fù)之前動(dòng)作
刷新頁面會(huì)提示要顯示此頁面, Firefox 必須發(fā)送將會(huì)導(dǎo)致重復(fù)之前動(dòng)作的數(shù)據(jù),此問題很是疑惑,接下來將為您解答,需要的朋友可以了解下2012-12-12
javascript與jquery中跳出循環(huán)的區(qū)別總結(jié)
本文是對javascript與jquery中跳出循環(huán)的區(qū)別進(jìn)行了詳細(xì)的總結(jié)介紹,需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11
jQuery實(shí)現(xiàn)的五星點(diǎn)評功能【案例】
這篇文章主要介紹了jQuery實(shí)現(xiàn)的五星點(diǎn)評功能,結(jié)合具體實(shí)例形式分析了jQuery事件響應(yīng)及頁面元素屬性動(dòng)態(tài)操作實(shí)現(xiàn)五星點(diǎn)評功能相關(guān)操作技巧,需要的朋友可以參考下2019-02-02

