axios 是一个基于promise用于浏览器和node.js的HTTP客户端
它具有以下特性:
1.支持浏览器和node.js
2.支持promise
3.能够拦截请求和响应
4.自动转换json数据
GET
1.通过URL传参
2.通过params选项传参
// GET 传统URL传参
axios.get('http://localhost:2021/axios?id=123')
.then(ret => {
console.log(ret.data);
// data属性是固定的,属于axios的API 用来获取后台的响应数据
});
//
// GET restful传参
axios.get('http://localhost:2021/axiosRestful/123')
.then(ret => {
console.log(ret.data);
});
//
// GET 传统params传参
axios.get('http://localhost:2021/axios', {
params: {
id: 123
}
})
.then(ret => {
console.log(ret.data);
});
DELETE
//DELETE
axios.delete('http://localhost:2021/axios', {
params: {
id: 123
}
})
.then(ret => {
console.log(ret.data);
});
POST
post传参默认以json格式传参
// POST传参默认为 json 格式
// 1.json
axios.post('http://localhost:2021/axios', {
name: 'wanghao',
id: 170508020139
})
.then(ret => {
console.log(ret.data);
});
//2.URLSearchParams传参(表单操作)
const params = new URLSearchParams;
params.append('name', 'xiaofen');
params.append('id', '170508020140');
axios.post('http://localhost:2021/axios', params)
.then(ret => {
console.log(ret.data);
});
// PUT
axios.put('http://localhost:2021/axiosPut/123456', {
name: 'wanghao',
id: 170508020139
})
.then(ret => {
console.log(ret.data);
});