easy-ajaxJquery-Ajax封装
easy-ajax 是为了治理前端乱写 Ajax 方法而生。基于 jquery 封装一些常用方法,后期计划加入前端数据缓存功能。
普通 Aajax 请求,及 GET、POST 封装,以及文件上传
源代码注释清晰,一目了然。
使用方法如下:
<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) { //上传成功 } });
评论
Vue3 开发秘籍,封装一个超级好用的 Hook
关注我,回复“加群”加入我们一起学习,天天进步Vue3 的 Composition API 为我们提供了另一种代码组织方式,这个概念借鉴自 React 的 Hook。在 16.8 的版本中,React 引入了 React Hook,通过封装有状态的函数,提高了组件的编写效率和可维护性,在后面统一使用
高级前端进阶
10
使用Canvas封装图片压缩功能!
作者:爱泡澡的小萝ト原文:https://juejin.cn/post/7220310687481495612最近在学习和工作中遇到这样一个场景:如何将前端上传的图片进行压缩传递给服务端?因为此前从未了解过图片压缩的功能,所以也是带着好奇进行...
前端技术江湖
0
使用 Vue3 指令封装一个后台管理系统图片预览功能
作者:前端Ah https://juejin.cn/post/7324653675456364596 最近公司搭建了一个新的 vue3 项目,因为项目中有很多模块用到了图片预览功能,项目的 ui 框架用的是element-plus,框架自带 el-image 组件里面带了图片预...
尼伯特
0
实用技能!如何使用Canvas封装图片压缩功能
大厂技术 高级前端 前端进阶 点击上方 前端下午茶 ,关注公众号 回复 1 ,加入前端交流群 作者:爱泡澡的小萝ト 原文: https://juejin.cn/post/7220310687481495612 最近在学习和工作中遇到这样一个场景:如...
前端下午茶
0
还在封装 xxxForm,xxxTable 残害你的同事?试试这个工具
大厂技术 高级前端 Node进阶 点击上方 程序员成长指北 ,关注公众号 回复 1 ,加入高级Node交流群 作者:若邪原文:https://juejin.cn/post/7315242945454735414 之前写过一篇文章 我理想中的低代码开发工具...
程序员成长指北
0