jQuery.ajax对应的post/get/delete/put请求方法封装
发表于:2021-12-08 15:02:57浏览:1980次
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){
}
});
}; 推荐文章
- PHP中的public,static,private,protected,final,const,abstract解析与区别
- 如何给OA系统加上名字工号的水印?其实很简单,WEB前端就能实现添加水印
- 字符编码Unicode新增五个新的行星符号
- javasript两个数组元素分别相加
- 12个适合开发后台管理系统的前端框架,建议收藏
- layui.table 支持表格跨页多选的方法
- 微软Edge浏览器在100版本里程碑之前的最后一个稳定版Edge99发布
- 82个常规的前端JavaScript方法封装(1~10)
- 又一轻量级的开源Linux服务器管理面板mdserver-web推荐
- ES6 箭头函数讲解 你正确使用了吗?

