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插件FusionCharts绘制2D双折线图效果示例【附demo源码】
Apr 14 jQuery
jquery平滑滚动到顶部插件使用详解
May 08 jQuery
JQueryMiniUI按照时间进行查询的实现方法
Jun 07 jQuery
jQuery取得元素标签名称小结(附代码)
Aug 16 jQuery
jQuery插件DataTables分页开发心得体会
Aug 22 jQuery
jQuery中的$是什么意思及 $. 和 $().的区别
Apr 20 jQuery
jquery引入外部CDN 加载失败则引入本地jq库
May 23 jQuery
jQuery插件Validation表单验证详解
May 26 jQuery
jQuery实现下拉菜单动态添加数据点击滑出收起其他功能
Jun 14 jQuery
jQuery事件委托代码实践详解
Jun 21 jQuery
jQuery轮播图功能制作方法详解
Dec 03 jQuery
JQuery基于FormData异步提交数据文件
Sep 01 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实现框架(一)
2006/10/09 PHP
php 动态执行带有参数的类方法
2009/04/10 PHP
PHP通过header实现文本文件下载的代码
2010/08/08 PHP
php+Ajax处理xml与json格式数据的方法示例
2019/03/04 PHP
图片自动更新(说明)
2006/10/02 Javascript
jQuery 性能优化指南(3)
2009/05/21 Javascript
Js基础学习资料
2010/11/23 Javascript
在子窗口中关闭父窗口的一句代码
2013/10/21 Javascript
JavaScript禁止页面操作的示例代码
2013/12/17 Javascript
nodejs读取memcache示例分享
2014/01/02 NodeJs
解决jquery操作checkbox火狐下第二次无法勾选问题
2014/02/10 Javascript
Javascript堆排序算法详解
2014/12/03 Javascript
动态创建按钮的JavaScript代码
2016/01/29 Javascript
JS排序之冒泡排序详解
2017/04/08 Javascript
原生js FileReader对象实现图片上传本地预览效果
2020/03/27 Javascript
详解ES6 export default 和 import语句中的解构赋值
2019/05/28 Javascript
vue滚动固定顶部及修改样式的实例代码
2019/05/30 Javascript
[01:31](回顾)杀出重围,决战TI之巅
2014/07/01 DOTA
在Django中同时使用多个配置文件的方法
2015/07/22 Python
python读取视频流提取视频帧的两种方法
2020/10/22 Python
用Python将Excel数据导入到SQL Server的例子
2019/08/24 Python
Python生成器常见问题及解决方案
2020/03/21 Python
史泰博(Staples)中国官方网站:办公用品一站式采购
2016/09/05 全球购物
美国休闲服装品牌:J.Crew Factory
2017/03/04 全球购物
阿里巴巴的Oracle DBA笔试题答案-SQL tuning类
2016/04/03 面试题
优秀员工自荐信范文
2013/10/05 职场文书
六一儿童节活动策划方案
2014/01/27 职场文书
烹调加工管理制度
2014/02/04 职场文书
学生安全责任书
2014/04/15 职场文书
三关爱志愿服务活动方案
2014/08/17 职场文书
2014年维稳工作总结
2014/11/18 职场文书
硕士毕业答辩开场白
2015/05/27 职场文书
维护民族团结心得体会2016
2016/01/15 职场文书
Python 如何安装Selenium
2021/05/06 Python
mysql数据插入覆盖和时间戳的问题及解决
2022/03/25 MySQL
Ruby处理YAML和json数据
2022/04/18 Ruby