jQuery.ajax对应的post/get/delete/put请求方法封装
发表于:2021-12-08 15:02:57浏览:1492次
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){ } }); };
推荐文章
- ThinkPHP6部署到nginx的详细步骤
- 前端开发中项目常用的20多个轮子 快速提高开发效率 建议收藏
- phpword 使用TemplateProcessor方式实现在word模板中动态插入表格
- Thinkphp6在Windows下使用Phpstudy工具升级或全局安装composer
- Edge浏览器窗口关闭圆角效果的解决办法
- 烦人啊!微信总是弹出企业微信邀请信息,怎么关闭通知?
- 原生js和jquery方式获取浏览器的各种高度和宽度(页面width和height)
- js保留两位小数的合理处理方法
- Thinkphp6中where条件中一个表两个字段比较条件的写法
- 82个常规的前端JavaScript方法封装(51~60)