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 29 jQuery
jQuery实现百度登录框的动态切换效果
Apr 21 jQuery
node.js+jQuery实现用户登录注册AJAX交互
Apr 28 jQuery
jquery easyui如何实现格式化列
Jul 30 jQuery
React中jquery引用的实现方法
Sep 12 jQuery
HTML5+JS+JQuery+ECharts实现异步加载问题
Dec 16 jQuery
Vue+jquery实现表格指定列的文字收缩的示例代码
Jan 09 jQuery
jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
Apr 26 jQuery
jQuery实现图片上传预览效果功能完整实例【测试可用】
May 28 jQuery
Jquery动态列功能完整实例
Aug 30 jQuery
基于jQuery实现可编辑的表格
Dec 11 jQuery
使用jquery实现轮播图效果
Jan 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页面间传递参数实例代码
2008/06/05 PHP
解析zend studio中直接导入svn中的项目的方法步骤
2013/06/21 PHP
PHP基于自增数据如何生成不重复的随机数示例
2017/05/19 PHP
Dom与浏览器兼容性说明
2010/10/25 Javascript
用js+iframe形成页面的一种遮罩效果的具体实现
2013/12/31 Javascript
JS实现表格数据各种搜索功能的方法
2015/03/03 Javascript
JavaScript生成SQL查询表单的方法
2015/08/13 Javascript
在JavaScript中使用JSON数据
2016/02/15 Javascript
移动端 一个简单易懂的弹出框
2016/07/06 Javascript
微信小程序 加载 app-service.js 错误解决方法
2016/10/12 Javascript
JS两种类型的表单提交方法实例分析
2016/11/28 Javascript
Vue.js原理分析之observer模块详解
2017/02/17 Javascript
快速解决vue-cli不能初始化webpack模板的问题
2018/03/20 Javascript
在vue中使用vue-echarts-v3的实例代码
2018/09/13 Javascript
jquery实现手风琴案例
2020/05/04 jQuery
vue和小程序项目中使用iconfont的方法
2020/05/19 Javascript
Python函数式编程指南(一):函数式编程概述
2015/06/24 Python
Python3之读取连接过的网络并定位的方法
2018/04/22 Python
Python Flask前后端Ajax交互的方法示例
2018/07/31 Python
python 批量修改 labelImg 生成的xml文件的方法
2019/09/09 Python
python GUI库图形界面开发之PyQt5窗口类QMainWindow详细使用方法
2020/02/26 Python
2021年值得向Python开发者推荐的VS Code扩展插件
2021/01/25 Python
用HTML5制作一个简单的桌球游戏的教程
2015/05/12 HTML / CSS
详解HTML5中表单验证的8种方法介绍
2016/12/19 HTML / CSS
新东方旗下远程教育网站:新东方在线
2020/03/19 全球购物
新任教师自我鉴定
2014/02/24 职场文书
个人授权委托书格式
2014/08/30 职场文书
2014入党积极分子批评与自我批评思想汇报
2014/09/20 职场文书
三方股东合作协议书范本
2014/09/28 职场文书
2015年医务科工作总结范文
2015/05/26 职场文书
开学第一天的感想
2015/08/10 职场文书
PHP新手指南
2021/04/01 PHP
JavaScript如何利用Promise控制并发请求个数
2021/05/14 Javascript
还在手动盖楼抽奖?教你用Python实现自动评论盖楼抽奖(一)
2021/06/07 Python
Spring boot应用启动后首次访问很慢的解决方案
2021/06/23 Java/Android
python中使用 unittest.TestCase单元测试的用例详解
2021/08/30 Python