jQuery.ajax对应的post/get/delete/put请求方法封装
发表于:2021-12-08 15:02:57浏览:1607次
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多条件搜索查询,表达式查询 FIND_IN_SET查询
- OA系统设计中,用户权限一般如何划分?
- ES6 箭头函数讲解 你正确使用了吗?
- ThinkPHP数据查询去重distinct和group by方法
- composer install常见错误解决方案 --ignore-platform-reqs解决版本冲突
- JavaScript实现两个日期之间的工时计算,排除周末,每天工作日是8小时
- 移动端网页开发,viewport的深入理解和使用
- thinkphp6创建并设置执行定时任务的方法
- 如何在gitee上提交Pull Request,给他人的项目贡献自己的代码
- js判断一个字符串是否包含在另一个字符串中