jQuery.ajax对应的post/get/delete/put请求方法封装
发表于:2021-12-08 15:02:57浏览:1596次
jQuery ajax中的post/get/delete/put请求方法的写法过于繁琐,所以现在封装成如下简便的形式:
1、获取数据ajax-get请求
/** * 获取数据ajax-get请求 */ $.getJSON = function (url,data,callback){ $.ajax({ url:url, type:"get", contentType:"application/json", dataType:"json", timeout:10000, data:data, success:function(data){ callback(data); } }); };
2、提交json数据的post请求
/** * 提交json数据的post请求 */ $.postJSON = function(url,data,callback){ $.ajax({ url:url, type:"post", contentType:"application/json", dataType:"json", data:data, timeout:60000, success:function(msg){ callback(msg); }, error:function(xhr,textstatus,thrown){ } }); };
3、修改数据的ajax-put请求
/** * 修改数据的ajax-put请求 */ $.putJSON = function(url,data,callback){ $.ajax({ url:url, type:"put", contentType:"application/json", dataType:"json", data:data, timeout:20000, success:function(msg){ callback(msg); }, error:function(xhr,textstatus,thrown){ } }); };
4、删除数据的ajax-delete请求
/** * 删除数据的ajax-delete请求 */ $.deleteJSON = function(url,data,callback){ $.ajax({ url:url, type:"delete", contentType:"application/json", dataType:"json", data:data, success:function(msg){ callback(msg); }, error:function(xhr,textstatus,thrown){ } }); };
推荐文章
- 如何在gitee上提交Pull Request,给他人的项目贡献自己的代码
- 普通OA办公系统的详细产品功能介绍
- ref, toRef, toRefs,reactive, defineComponent, computed, unref, toRaw, watchEffect, onUpdated 10个VUE3前端API总结
- 码农——新生代农民工,实锤了
- 原生js和jquery方式获取浏览器的各种高度和宽度(页面width和height)
- ERP、进销存、仓储管理系统到底有什么不同?
- CSS @media print控制浏览器web打印样式
- js去除字符串首尾空格的十二种方案
- Thinkphp6中where条件中一个表两个字段比较条件的写法
- Thinkphp6使用mPdf实现生成pdf文件