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