axios (get post请求、头部参数添加)傻瓜式入门axios
傻瓜式入门,简单粗暴说用法通过cdn引入js文件<script src="https://unpkg.com/axios/dist/axios.min.js"></script>get请求,默认’Content-Type’: ‘application/json’,可在头部参数中,修改Content-Typeaxios.get('请求地址',{params: {//body参
·
傻瓜式入门,简单粗暴说用法
通过cdn引入js文件
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
get请求,默认’Content-Type’: ‘application/json’,可在头部参数中,修改Content-Type
axios.get('请求地址',{
params: { //body参数
id:1, //如:key:id value:1;
name:'joe' //key2:name value:'joe'
},
headers:{ //头部参数
token:self.vistorToken
}
})
.then(function (response) { //请求成功,response接收返回参数
console.log(response);
})
.catch(function (error) { //请求失败,error接收失败原因
console.log(error);
})
post请求
‘Content-Type’: ‘application/json’
axios.post('请求地址',
{ //body参数
cityCode:0,
City:fCity,
channelNo:'motuWebsite',
predictPrice:self.DPredictPrice,
phone:self.tele
},
{
headers: { //头部参数
'Content-Type': 'application/json',
token:sessionStorage.getItem('token')
}
}
)
.then(function (response) { //请求成功
console.log(response);
})
.catch(function (error) { //请求失败
console.log(error);
});
‘Content-Type’: ‘multipart/form-data’
//构造body参数
let params = new FormData()
params.append('Travel', self.Travel)
params.append('City', fCity)
params.append('Discount', 1)
axios.post('请求地址',params,
{
headers: { //头部参数
'Content-Type': 'multipart/form-data'
}
})
.then(function (response) { //请求成功
console.log(response);
})
.catch(function (error) { //请求失败
console.log(error);
});
更多推荐
已为社区贡献4条内容
所有评论(0)