jQuery.ajax对应的post/get/delete/put请求方法封装
发表于:2021-12-08 15:02:57浏览:1835次
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){
}
});
}; 推荐文章
- 图片变形处理,可设置CSS属性object-fit: cover完美解决
- 价税合计、销项税额、发票金额 三者关系是?
- Vue又出新品——petite-vue
- 谷歌Chrome浏览器v101稳定版发布 支持FedCM和优先级提示等新功能
- 常用的八款MySQL数据库管理工具推荐
- js去除字符串首尾空格的十二种方案
- 82个常规的前端JavaScript方法封装(31~40)
- ThinkPHP6的中间件讲解及路由配置
- linux环境下,Composer安装项目时报错:Do not run Composer as root/super user!
- PHP实现今天、昨天 、本周、上周、本月、上月、本季度等方法

