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滚动插件scrollable.js用法分析
May 25 jQuery
jQuery用户头像裁剪插件cropbox.js使用详解
Jun 07 jQuery
简述jQuery Easyui一些用法
Aug 01 jQuery
jquery对table做排序操作的实例演示
Aug 10 jQuery
详解webpack3如何正确引用并使用jQuery库
Aug 26 jQuery
使用vue与jquery实时监听用户输入状态的操作代码
Sep 19 jQuery
jquery-file-upload 文件上传带进度条效果
Nov 21 jQuery
jQuery实现弹窗下底部页面禁止滑动效果
Dec 19 jQuery
webpack写jquery插件的环境配置
Dec 21 jQuery
jQuery实现的下雪动画效果示例【附源码下载】
Feb 02 jQuery
轻松搞定jQuery+JSONP跨域请求的解决方案
Mar 06 jQuery
基于jQuery.i18n实现web前端的国际化
May 04 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+mysql)
2007/11/23 PHP
php生成随机颜色方法汇总
2014/12/03 PHP
比较详细的关于javascript中void(0)的具体含义解释
2007/08/02 Javascript
网页上的Javascript编辑器和代码格式化
2010/04/25 Javascript
JS常见问题整理(持续更新)
2013/08/06 Javascript
jquery将一个表单序列化为一个对象的方法
2014/01/03 Javascript
jquery中each方法示例和常用选择器
2014/07/08 Javascript
常用的JS验证和函数汇总
2014/12/23 Javascript
JS实现黑色风格的网页TAB选项卡效果代码
2015/10/09 Javascript
Vue.js第四天学习笔记(组件)
2016/12/02 Javascript
vue2.0 兄弟组件(平级)通讯的实现代码
2018/01/15 Javascript
利用js实现前后台传送Json的示例代码
2018/03/29 Javascript
详解如何在Node.js的httpServer中接收前端发送的arraybuffer数据
2018/11/11 Javascript
详解微信小程序实现跑马灯效果(附完整代码)
2019/04/29 Javascript
vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)
2019/05/10 Javascript
js实现无刷新监听URL的变化示例代码详解
2020/06/03 Javascript
vue实现匀速轮播效果
2020/06/29 Javascript
vue中封装axios并实现api接口的统一管理
2020/12/25 Vue.js
vue如何使用rem适配
2021/02/06 Vue.js
Python 类的特殊成员解析
2018/06/20 Python
django DRF图片路径问题的解决方法
2018/09/10 Python
Python用5行代码写一个自定义简单二维码
2018/10/21 Python
Python获取航线信息并且制作成图的讲解
2019/01/03 Python
Python中文件的写入读取以及附加文字方法
2019/01/23 Python
wxpython绘制音频效果
2019/11/18 Python
python实现飞行棋游戏
2020/02/05 Python
解决python Jupyter不能导入外部包问题
2020/04/15 Python
python 如何利用argparse解析命令行参数
2020/09/11 Python
Marc Jacobs彩妆官网:Marc Jacobs Beauty
2017/07/03 全球购物
日本AOKI官方商城:AOKI西装
2020/06/11 全球购物
村级换届选举方案
2014/05/10 职场文书
团日活动总结模板
2014/06/25 职场文书
学习考察心得体会
2014/09/04 职场文书
2014年统计工作总结
2014/11/21 职场文书
python基础入门之普通操作与函数(三)
2021/06/13 Python
Vue.Draggable实现交换位置
2022/04/07 Vue.js