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仿微信聊天界面
May 06 jQuery
jQuery异步提交表单实例
May 30 jQuery
jquery插件开发之选项卡制作详解
Aug 30 jQuery
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
javaScript和jQuery自动加载简单代码实现方法
Nov 24 jQuery
jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法
Dec 05 jQuery
webpack里使用jquery.mCustomScrollbar插件的方法
May 30 jQuery
jQuery实现的监听导航滚动置顶状态功能示例
Jul 23 jQuery
JQuery Ajax动态加载Table数据的实例讲解
Aug 09 jQuery
jquery实现商品sku多属性选择功能(商品详情页)
Dec 20 jQuery
jquery实现垂直手风琴菜单
Mar 04 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制作万年历
2015/01/07 PHP
微信支付PHP SDK ―― 公众号支付代码详解
2016/09/13 PHP
PHP中通过getopt解析GNU C风格命令行选项
2019/11/18 PHP
Javascript select控件操作大全(新增、修改、删除、选中、清空、判断存在等)
2008/12/19 Javascript
div当滚动到页面顶部的时候固定在顶部实例代码
2013/05/27 Javascript
jQuery 滑动方法slideDown向下滑动元素
2014/01/16 Javascript
LABjs、RequireJS、SeaJS的区别
2014/03/04 Javascript
AngularJS入门教程之Hello World!
2014/12/06 Javascript
JavaScript中number转换成string介绍
2014/12/31 Javascript
JS上传组件FileUpload自定义模板的使用方法
2016/05/10 Javascript
Bootstrap布局组件教程之Bootstrap下拉菜单
2016/06/12 Javascript
全面了解JavaScript的数据类型转换
2016/07/01 Javascript
node.js学习之断言assert的使用示例
2017/09/28 Javascript
vue中手机号,邮箱正则验证以及60s发送验证码的实例
2018/03/16 Javascript
使用async await 封装 axios的方法
2018/07/09 Javascript
Vue程序调试的方法
2019/06/17 Javascript
小程序中canvas的drawImage方法参数使用详解
2019/07/04 Javascript
layui 中select下拉change事件失效的解决方法
2019/09/20 Javascript
JS动态显示倒计时效果
2019/12/12 Javascript
vue组件暴露和.js文件暴露接口操作
2020/08/11 Javascript
Python比较文件夹比另一同名文件夹多出的文件并复制出来的方法
2015/03/05 Python
详细介绍Ruby中的正则表达式
2015/04/10 Python
Python中Iterator迭代器的使用杂谈
2016/06/20 Python
Python 获取当前所在目录的方法详解
2017/08/02 Python
mac 上配置Pycharm连接远程服务器并实现使用远程服务器Python解释器的方法
2020/03/19 Python
PyQt5的QWebEngineView使用示例
2020/10/20 Python
10 套华丽的CSS3 按钮小结
2012/10/03 HTML / CSS
HTML5视频播放插件 video.js介绍
2018/09/29 HTML / CSS
师范生自荐信范文
2013/10/06 职场文书
学术会议欢迎词
2014/01/09 职场文书
一年级学生评语大全
2014/04/21 职场文书
音乐兴趣小组活动总结
2014/07/07 职场文书
2014年后备干部工作总结
2014/12/08 职场文书
个人学习总结范文
2015/02/15 职场文书
企业承诺书格式范文
2015/04/28 职场文书
朋友聚会开场白
2015/06/01 职场文书