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,Angular实现登录界面验证码详解
Apr 27 jQuery
jQuery中clone()函数实现表单中增加和减少输入项
May 13 jQuery
jQuery 实现双击编辑表格功能
Jun 19 jQuery
浅谈jQuery框架Ajax常用选项
Jul 08 jQuery
JQuery用$.ajax或$.getJSON跨域获取JSON数据的实现代码
Sep 23 jQuery
jQuery响应滚动条事件功能示例
Oct 14 jQuery
基于jQuery Ajax实现下拉框无刷新联动
Dec 06 jQuery
js与jQuery实现获取table中的数据并拼成json字符串操作示例
Jul 12 jQuery
jQuery插件实现的日历功能示例【附源码下载】
Sep 07 jQuery
jQuery实现的网站banner图片无缝轮播效果完整实例
Jan 28 jQuery
jquery实现烟花效果(面向对象)
Mar 10 jQuery
jQuery中getJSON跨域原理的深入讲解
Sep 02 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
PHP中遍历stdclass object的实现代码
2011/06/09 PHP
深入PHP FTP类的详解
2013/06/13 PHP
php实现遍历目录并删除指定文件中指定内容
2015/01/21 PHP
WordPress中获取所使用的模板的页面ID的简单方法
2015/12/31 PHP
Thinkphp单字母函数使用指南
2016/05/08 PHP
jQuery下的几个你可能没用过的功能
2010/08/29 Javascript
Js中setTimeout()和setInterval() 何时被调用执行的用法
2013/04/12 Javascript
jQuery的选择器中的通配符使用介绍
2014/03/20 Javascript
node.js中的fs.createWriteStream方法使用说明
2014/12/17 Javascript
jquery实现Li滚动时滚动条自动添加样式的方法
2015/08/10 Javascript
借助FileReader实现将文件编码为Base64后通过AJAX上传
2015/12/24 Javascript
Bootstrap~多级导航(级联导航)的实现效果【附代码】
2016/03/08 Javascript
jQuery简单实现提交数据出现loading进度条的方法
2016/03/29 Javascript
通过正则表达式获取url中参数的简单实现
2016/06/07 Javascript
关于jQuery中fade(),show()起始位置的一点小发现
2017/04/25 jQuery
纯js代码生成可搜索选择下拉列表的实例
2018/01/11 Javascript
Node.js爬取豆瓣数据实例分析
2018/03/05 Javascript
详解微信小程序input标签正则初体验
2018/08/18 Javascript
JS实现音乐钢琴特效
2020/01/06 Javascript
[05:09]2016国际邀请赛中国区预选赛淘汰赛首日精彩回顾
2016/06/29 DOTA
[46:20]CHAOS vs Alliacne 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
[01:07:46]完美世界DOTA2联赛循环赛 Magma vs IO BO2第二场 11.01
2020/11/02 DOTA
python计算圆周长、面积、球体体积并画出圆
2014/04/08 Python
利用numpy实现一、二维数组的拼接简单代码示例
2017/12/15 Python
Python实现简单网页图片抓取完整代码实例
2017/12/15 Python
PyCharm 设置SciView工具窗口的方法
2019/01/15 Python
一篇文章彻底搞懂Python中可迭代(Iterable)、迭代器(Iterator)与生成器(Generator)的概念
2019/05/13 Python
Python读写文件模式和文件对象方法实例详解
2019/09/17 Python
户籍证明的格式
2014/01/13 职场文书
美发店5.1活动方案
2014/01/24 职场文书
《王二小》教学反思
2014/02/27 职场文书
全运会口号
2014/06/20 职场文书
银行进社区活动总结
2014/07/07 职场文书
干部个人对照检查材料
2014/08/25 职场文书
利用 Python 的 Pandas和 NumPy 库来清理数据
2022/04/13 Python
Redis配置外网可访问(redis远程连接不上)的方法
2022/12/24 Redis