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实现静态搜索功能(可输入搜索文字)
Mar 28 jQuery
jQuery插件FusionCharts绘制2D环饼图效果示例【附demo源码】
Apr 10 jQuery
使用jQuery ajaxupload插件实现无刷新上传文件
Apr 23 jQuery
jQuery实现节点的追加、替换、删除、复制功能示例
Jul 11 jQuery
使用jquery的jsonp如何发起跨域请求及其原理详解
Aug 17 jQuery
jQuery UI 实例讲解 - 日期选择器(Datepicker)
Sep 18 jQuery
jquery ajaxfileupload异步上传插件
Nov 21 jQuery
如何快速解决JS或Jquery ajax异步跨域的问题
Jan 08 jQuery
jQuery扩展方法实现Form表单与Json互相转换的实例代码
Sep 05 jQuery
jQuery实现鼠标移入移出事件切换功能示例
Sep 06 jQuery
jQuery实现简单弹幕效果
Nov 28 jQuery
JQuery复选框全选效果如何实现
May 08 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 第二节 数据类型之转换
2012/04/28 PHP
浅谈Laravel中的三种中间件的作用
2019/10/13 PHP
Nigma vs AM BO3 第二场2.13
2021/03/10 DOTA
一个javascript图片阅览组件
2010/11/09 Javascript
基于jquery的滚动条滚动固定div(附演示下载)
2012/10/29 Javascript
jQuery实现输入框下拉列表树插件特效代码分享
2015/08/27 Javascript
js实现超简单的展开、折叠目录代码
2015/08/28 Javascript
详解jQuery停止动画——stop()方法的使用
2016/12/14 Javascript
jQuery实现的checkbox级联选择下拉菜单效果示例
2016/12/26 Javascript
原生javascript实现分页效果
2017/04/21 Javascript
详解vuejs之v-for列表渲染
2017/06/22 Javascript
基于jQuery封装的分页组件
2017/06/26 jQuery
nodejs模块学习之connect解析
2017/07/05 NodeJs
推荐10款扩展Web表单的JS插件
2017/12/25 Javascript
在Vue中使用echarts的方法
2018/02/05 Javascript
js+canvas实现验证码功能
2020/09/21 Javascript
浅谈JavaScript 代码整洁之道
2018/10/23 Javascript
Vue 实现前端权限控制的示例代码
2019/07/09 Javascript
javascript中this的用法实践分析
2019/07/29 Javascript
js利用递归与promise 按顺序请求数据的方法
2019/08/30 Javascript
开发Node CLI构建微信小程序脚手架的示例
2020/03/27 Javascript
Python爬取附近餐馆信息代码示例
2017/12/09 Python
实例介绍Python中整型
2019/02/11 Python
Python操作远程服务器 paramiko模块详细介绍
2019/08/07 Python
基于python求两个列表的并集.交集.差集
2020/02/10 Python
matplotlib部件之套索Lasso的使用
2021/02/24 Python
前端使用canvas生成盲水印的加密解密的实现
2020/12/16 HTML / CSS
全球度假村:Club Med
2017/11/27 全球购物
意大利珠宝店:Luxury Zone
2019/01/05 全球购物
SK-II神仙水美国官网:SK-II美国
2020/02/25 全球购物
如何开发一个JQuery插件
2016/07/28 面试题
毕业生简单求职信
2013/11/19 职场文书
求职自荐信格式
2013/12/04 职场文书
关于逃课的检讨书
2014/01/23 职场文书
教研处工作方案
2014/05/26 职场文书
公司总经理岗位职责
2015/04/01 职场文书