当前位置: 移动技术网 > IT编程>开发语言>JavaScript > JQuery 封装 Ajax 常用方法(推荐)

JQuery 封装 Ajax 常用方法(推荐)

2018年04月29日  | 移动技术网IT编程  | 我要评论

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 常用方法(推荐),希望对大家有所帮助

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网