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);
	})
Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐