jq 二次封装ajax方法 全站都要用异步方式来调用 数据，提交数据，那么你每次操作 都会要$.ajax({.....}) 简化ajax代码，减少代码的沉余

jq 二次封装ajax方法 全站都要用异步方式来调用 数据，提交数据，那么你每次操作 都会要$.ajax({…}) 简化ajax代码，减少代码的沉余

var ajax = (function() {
	return {
		request(option) {
            console.log(option);
			return new Promise((resolve,reject) => {
				$.ajax({
					data:option.data,
					url:option.url,
					type:option.type,
					success: function(res,textStatus,request) {
						// console.log(request.getResponseHeader("X-Total-Count"))
						let data = { // 对请求回来的数据进行操作，修改数据格式
							data: res,
							total: request.getResponseHeader("X-Total-Count")
						}
						resolve(data)
					}
				})
			})
		},
		// get(url,params) {
		// 	return new Promise((resolve,reject) => {
		// 		this._request(url,"get","application/json", params).then(res => {
		// 			if (res) {
		// 				resolve(res)
		// 			}
		// 		})
		// 	})
		// },
		// post(url,params) {
		// 	return new Promise((resolve,reject) => {
		// 		this._request(url,"post","application/x-www-form-urlencoded", params).then(res => {
		// 			if (res) {
		// 				resolve(res)
		// 			}
		// 		})
		// 	})
		// },
		// put(url,params) {
		// 	return new Promise((resolve,reject) => {
		// 		this._request(url,"put","application/x-www-form-urlencoded", params).then(res => {
		// 			if (res) {
		// 				resolve(res)
		// 			}
		// 		})
		// 	})
		// },
		// delete(url,params) {
		// 	return new Promise((resolve,reject) => {
		// 		this._request(url,"delete","application/json", params).then(res => {
		// 			if (res) {
		// 				resolve(res)
		// 			}
		// 		})
		// 	})
		// }
	}
}())

页面引入

<script src="js/jquery.min.js" type="text/javascript"></script>

直接使用

ajax.request({
		url:"http://localhost:3000/admin/topsAdd",
		type:"post",
		data:{
			goodId:"1"
		}
	}).then(res =>{
		console.log(res);
	})