欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2024-01-27 13:22:28
why easy-ajax easy-ajax是为了治理前端乱写ajax方法而生。基于jquery封装一些常用方法,后期计划加入前端数据缓存功能。 使用方法如下:...

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