axios
axios帮我们对ajax进行了一定的封装，方便了之后的使用
axios发起get请求
返回的res是经过axios包装过的对象（除了data）
axios.get('url',{params:{/*参数*/}}).then(callback)
document.querySelector('#btn1').addEventListener('click', function () {
var url = '地址'
var paramsObj = { name: 'zs', age: 20 }
axios.get(url, { params: paramsObj }).then(function (res) {
//res是经过axios包装过的对象,除了data是服务器本身响应的数据
console.log(res);
console.log(res.data);
})
})
axios发起post请求
axios.post('url',{/*参数*/}).then(callback)
document.querySelector('#btn2').addEventListener('click', function () {
var url = '地址'
var dataObj = { address: '北京', location: '安安' }
axios.post(url, dataObj).then(function (res) {
//res是经过axios包装过的对象,除了data是服务器本身响应的数据
console.log(res);
console.log(res.data);
})
})
直接使用axios发起请求
// axios也可以这样发请求
axios({
method:'请求类型',
url:'url地址',
data:{/*post数据*/},
params:{/*get数据*/}
}) .then(callback)
另一种异步写法
document.querySelector('#btn2').addEventListener('click',async function () {
var url = '地址'
var dataObj = { address: '北京', location: '安安' }
// {data:res}是将返回的data解构，并重命名为res
const {data:res} = await axios.post(url, dataObj)
//res是经过axios包装过的对象,除了data是服务器本身响应的数据
console.log(res.data)
})
})
