登录  /  注册
首页 > web前端 > js教程 > 正文

JQuery 封装 Ajax 常用方法分享

小云云
发布: 2018-01-11 13:52:49
原创
1078人浏览过

easy-ajax是为了治理前端乱写ajax方法而生。接下来通过本文给大家介绍jquery 封装 ajax 常用方法,需要的朋友参考下,希望能帮助到大家。

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) {
            //上传成功
          }
        });
登录后复制

相关推荐:

JavaScript自己封装ajax的js

JavaScript 封装Ajax传递的数据代码_javascript技巧

原生JS封装Ajax插件(同域、jsonp跨域)_javascript技巧

以上就是JQuery 封装 Ajax 常用方法分享的详细内容,更多请关注php中文网其它相关文章!

智能AI问答
PHP中文网智能助手能迅速回答你的编程问题,提供实时的代码和解决方案,帮助你解决各种难题。不仅如此,它还能提供编程资源和学习指导,帮助你快速提升编程技能。无论你是初学者还是专业人士,AI智能助手都能成为你的可靠助手,助力你在编程领域取得更大的成就。
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
关于CSS思维导图的课件在哪? 课件
凡人来自于2024-04-16 10:10:18
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号