JQuery 封裝 Ajax 常用方法(推薦)
why easy-ajax
easy-ajax是為了治理前端亂寫Ajax方法而生?;趈query封裝一些常用方法,后期計劃加入前端數(shù)據(jù)緩存功能。
使用方法如下:
<script src="easy.ajax.js"></script>
API:
config配置項:
config{ jqueryAjax默認(rèn)配置外增加如下配置: 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 常用方法(推薦),希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復(fù)大家的!
相關(guān)文章
Jquery實現(xiàn)遮罩層的簡單實例(就是彈出DIV周圍都灰色不能操作)
下面小編就為大家?guī)硪黄狫query實現(xiàn)遮罩層的簡單實例(就是彈出DIV周圍都灰色不能操作)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-07-07jQuery獲取table表中的td標(biāo)簽(實例講解)
下面小編就為大家?guī)硪黄猨Query獲取table表中的td標(biāo)簽(實例講解)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-07-07jQuery Ajax 實例代碼 ($.ajax、$.post、$.get)
下面小編就為大家?guī)硪黄猨Query Ajax 實例代碼 ($.ajax、$.post、$.get)。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考2016-04-04jQuery Ajax傳值到Servlet出現(xiàn)亂碼問題的解決方法
jquery ajax 傳值給Servlet,在Servlet里Get接受參數(shù)亂碼,怎么解決呢?下面小編給大家?guī)砹薺query ajax傳值到Servlet出現(xiàn)亂碼問題的解決方法,一起看看吧2016-10-10jQuery中bind(),live(),delegate(),on()綁定事件方法實例詳解
這篇文章主要介紹了jQuery中bind(),live(),delegate(),on()綁定事件方法,結(jié)合實例形式詳細(xì)分析了bind(),live(),delegate(),on()方法綁定事件的具體使用技巧,并對比分析了四種方式的異同點,需要的朋友可以參考下2016-01-01javascript/jquery實現(xiàn)點擊觸發(fā)事件的方法分析
這篇文章主要介紹了javascript/jquery實現(xiàn)點擊觸發(fā)事件的方法,結(jié)合具體實例形式分析了JavaScript與jQuery針對點擊按鈕觸發(fā)事件的相關(guān)實現(xiàn)與使用技巧,需要的朋友可以參考下2019-11-11jQuery實現(xiàn)簡單的Ajax調(diào)用功能示例
這篇文章主要介紹了jQuery實現(xiàn)簡單的Ajax調(diào)用功能,結(jié)合實例形式分析了jQuery的$.ajax方法與后臺php交互實現(xiàn)ajax調(diào)用功能相關(guān)操作技巧,需要的朋友可以參考下2019-02-02