JQuery 封装 Ajax 常用方法(推荐)


Posted in jQuery onMay 21, 2017

why easy-ajax

easy-ajax是为了治理前端乱写Ajax方法而生。基于jquery封装一些常用方法,后期计划加入前端数据缓存功能。

使用方法如下:

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

API:

config配置项:

config{
  jqueryAjax默认配置外增加如下配置:
  mustCallback:强制回调(很多情况请求失败后直接在Ajax中提示后端返回的错误信息就结束了,不会进入回调函数,但很难避免失败也需要处理逻辑的情况,所以增加了此项配置,无论成功失败皆执行配置中的callback,前提是有回掉函数。)
}

使用from表单方式处理参数请求后台(接口使用@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 常用方法(推荐),希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

jQuery 相关文章推荐
jQuery实现jQuery-form.js实现异步上传文件
Apr 28 jQuery
jquery网页加载进度条的实现
Jun 01 jQuery
基于jQuery Easyui实现登陆框界面
Jul 10 jQuery
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
Jul 22 jQuery
jquery+css实现简单的图片轮播效果
Aug 07 jQuery
Vue中正确使用jQuery的方法
Oct 30 jQuery
jQuery 实现倒计时天,时,分,秒功能
Jul 31 jQuery
jQuery实现数字自动增加或者减少的动画效果示例
Dec 11 jQuery
jQuery中each和js中forEach的区别分析
Feb 27 jQuery
jQuery 动画与停止动画效果实例详解
May 19 jQuery
jQuery实现带进度条的轮播图
Sep 13 jQuery
jquery实现广告上下滚动效果
Mar 04 jQuery
jQuery获取单选按钮radio选中值与去除所有radio选中状态的方法
May 20 #jQuery
关于jQuery库冲突的完美解决办法
May 20 #jQuery
jquery.guide.js新版上线操作向导镂空提示jQuery插件(推荐)
May 20 #jQuery
JS jQuery使用正则表达式去空字符的简单实现代码
May 20 #jQuery
jQuery插件select2利用ajax高效查询大数据列表(可搜索、可分页)
May 19 #jQuery
jQuery操作之效果详解
May 19 #jQuery
jQuery Validate 校验多个相同name的方法
May 18 #jQuery
You might like
珊瑚虫IP库浅析
2007/02/15 PHP
PHP中文分词 自动获取关键词介绍
2012/11/13 PHP
ext 同步和异步示例代码
2009/09/18 Javascript
javascript function调用时的参数检测常用办法
2010/02/26 Javascript
浅析showModalDialog数据缓存问题(用禁止浏览器缓存解决)
2013/07/09 Javascript
基于JQuery实现滚动到页面底端时自动加载更多信息
2014/01/31 Javascript
基于Arcgis for javascript实现百度地图ABCD marker的效果
2015/09/12 Javascript
跟我学习javascript的arguments对象
2015/11/16 Javascript
jQuery基于ajax方式实现用户名存在性检查功能示例
2017/02/10 Javascript
jQuery插件FusionCharts绘制的2D双柱状图效果示例【附demo源码】
2017/05/13 jQuery
原来JS还可以这样拆箱转换详解
2019/02/01 Javascript
JS使用iView的Dropdown实现一个右键菜单
2019/05/06 Javascript
webpack 代码分离优化快速指北
2019/05/18 Javascript
在微信小程序中使用vant的方法
2019/06/07 Javascript
vue中keep-alive,include的缓存问题
2019/11/26 Javascript
解决Nuxt使用axios跨域问题
2020/07/06 Javascript
Python文件操作类操作实例详解
2014/07/11 Python
python3 shelve模块的详解
2017/07/08 Python
python2.6.6如何升级到python2.7.14
2018/04/08 Python
对numpy中的where方法嵌套使用详解
2018/10/31 Python
使用Python进行目录的对比方法
2018/11/01 Python
Python 获取主机ip与hostname的方法
2018/12/17 Python
Python闭包思想与用法浅析
2018/12/27 Python
对Python 多线程统计所有csv文件的行数方法详解
2019/02/12 Python
使用python爬取抖音app视频的实例代码
2020/12/01 Python
关于h5中的fetch方法解读(小结)
2017/11/15 HTML / CSS
求职信模板怎么做
2014/01/26 职场文书
《小蝌蚪找妈妈》教学反思
2014/02/21 职场文书
马云北大演讲完整版:真心话,什么才是阿里的核心竞争力?
2014/04/04 职场文书
代理协议书
2014/04/22 职场文书
上海世博会志愿者口号
2014/06/17 职场文书
2015年大学生入党自荐书
2015/03/24 职场文书
学校元旦晚会开场白
2015/05/29 职场文书
毕业证明模板
2015/06/19 职场文书
工程进度款催款函
2015/06/24 职场文书
世界各国短波电台对东亚播送时间频率表(SW)
2021/06/28 无线电