easy-ajaxJquery-Ajax封裝
easy-ajax 是為了治理前端亂寫 Ajax 方法而生。基于 jquery 封裝一些常用方法,后期計劃加入前端數(shù)據(jù)緩存功能。
普通 Aajax 請求,及 GET、POST 封裝,以及文件上傳
源代碼注釋清晰,一目了然。
使用方法如下:
<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) {
//上傳成功
}
});評論
圖片
表情
