jquery ajax 封装

最新推荐文章于 2023-11-24 19:53:18 发布

原创最新推荐文章于 2023-11-24 19:53:18 发布 · 139 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript

这篇博客介绍了如何封装和使用JavaScript的AJAX函数，包括POST和GET两种请求方式。在示例中，展示了如何设置请求URL、参数、超时时间、自定义头部以及如何获取接口返回的数据。

//ajax post 封装
function Post(api, param) {
	var url = "接口地址" + api; //url 还可以进一步封装 比如存json等等...
	var settings = {
		"url": url,
		"method": "POST", //请求方式
		"timeout": 0, 
		"data": param, //请求需要传递的参数
		"headers": {
			"token": $.cookie('sso-token') //自定义header头
		},
	};
	//ajax 是一个对象,不等在 success 中返回 
	return $.ajax(settings)
}
//ajax get 封装
function Get(api, param) {
	var url = "接口地址" + api;
	var settings = {
		"url": url, //url 还可以进一步封装 比如存json等等...
		"method": "GET", //请求方式
		"timeout": 0,
		"data": param, //请求需要传递的参数
		"headers": {
			"token": $.cookie('sso-token') //自定义header头
		},
	};
	//ajax 是一个对象,不等在 success 中返回 
	return $.ajax(settings)
}

Get('api/user/detail',{id:$.cookie('Admin-id')}).then(function (res){
			console.log(res);
		})

输出结果