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实现html table行Tr的复制、删除、计算功能
Jul 10 jQuery
jQuery图片缩放插件smartZoom使用实例详解
Aug 25 jQuery
jQuery实现简单日期格式化功能示例
Sep 19 jQuery
jquery一键控制checkbox全选、反选或全不选
Oct 16 jQuery
jQuery动态添加li标签并添加属性和绑定事件方法
Feb 24 jQuery
20个最常见的jQuery面试问题及答案
May 23 jQuery
jQuery实现的简单拖拽功能示例【测试可用】
Aug 14 jQuery
jQuery解析json格式数据示例
Sep 01 jQuery
jQuery实现的简单歌词滚动功能示例
Jan 07 jQuery
基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码
Jun 10 jQuery
jQuery删除/清空指定元素的所有子节点实例代码
Jul 04 jQuery
jQuery加PHP实现图片上传并提交的示例代码
Jul 16 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
探讨Hessian在PHP中的使用分析
2013/06/13 PHP
解析php中如何调用用户自定义函数
2013/08/06 PHP
php根据isbn书号查询amazon网站上的图书信息的示例
2014/02/13 PHP
jQuery判断checkbox是否选中的小例子
2013/12/02 Javascript
解决JS中乘法的浮点错误的方法
2014/01/03 Javascript
display和visibility的区别示例介绍
2014/02/26 Javascript
jquery实现select选择框内容左右移动代码分享
2015/11/21 Javascript
javascript中的3种继承实现方法
2016/01/27 Javascript
JS深度拷贝Object Array实例分析
2016/03/31 Javascript
Angular.js回顾ng-app和ng-model使用技巧
2016/04/26 Javascript
实例详解jQuery的无new构建
2016/08/02 Javascript
详解vuelidate 对于vueJs2.0的验证解决方案
2017/03/09 Javascript
bootstrap响应式表格实例详解
2017/05/15 Javascript
Nodejs中使用captchapng模块生成图片验证码
2017/05/18 NodeJs
Three.js入门之hello world以及如何绘制线
2017/09/25 Javascript
jfinal与bootstrap的登出实战详解
2017/11/27 Javascript
node中间层实现文件上传功能
2018/06/11 Javascript
vue-cli3中vue.config.js配置教程详解
2019/05/29 Javascript
node静态服务器实现静态读取文件或文件夹
2019/12/03 Javascript
vue路由切换时取消之前的所有请求操作
2020/09/01 Javascript
Python牛刀小试密码爆破
2011/02/03 Python
Python捕捉和模拟鼠标事件的方法
2015/06/03 Python
说一说Python logging
2016/04/15 Python
Python IDLE入门简介
2017/12/08 Python
3行Python代码实现图像照片抠图和换底色的方法
2019/10/10 Python
Python项目打包成二进制的方法
2020/12/30 Python
德国EGOIST网店:销售畅销的设计师品牌
2017/04/18 全球购物
美国领先的奢侈美容零售商:Bluemercury
2017/07/26 全球购物
Set里的元素是不能重复的,那么用什么方法来区分重复与否呢? 是用==还是equals()? 它们有何区别?用contains来区分是否有重复的对象。还是都不用
2013/07/30 面试题
咖啡店的创业计划书,让你hold不住
2014/01/03 职场文书
经典禁毒标语
2014/06/16 职场文书
体育教师求职信
2014/06/30 职场文书
精神文明建设汇报材料
2014/12/24 职场文书
阿甘正传观后感
2015/06/01 职场文书
详解Java线程池是如何重复利用空闲线程的
2021/06/26 Java/Android
bose降噪耳机音能消除人声吗
2022/04/19 数码科技