1.什么是axios?
Axios是专注于网络数据请求的库。
相比于原生的XMLHttpRequest对象,axios简单易用。
相比于jQuery,axios更加轻量化,只专注于网络数据请求。
2.axios发起GET请求
语法:
axios.get('url', {params: {/*参数*/}}).then(callback)
示例:
// 请求的url地址
var url = 'http://www.xx.yy:2345/api/getsth';
// 请求的参数对象
var paramsObj = {name: 'zs', age: 20};
// 调用axios.get()发起GET请求
axios.get(url, { params: paramsObj }).then(function(res) {
// res.data是服务器返回的数据
console.log(res.data);
})
3.axios发起POST请求
语法:
axios.post('url', {params: {/*参数*/}}).then(callback)
具体示例:
// 请求的url地址
var url = 'http://www.xx.yy:2345/api/poststh';
// 请求的参数对象
var dataObj = {location: 'bj', address: 'htl'};
// 调用axios.post()发起POST请求
axios.post(url, dataObj).then(function(res) {
// res.data是服务器返回的数据
console.log(res.data);
})
4.直接使用axios发起请求
语法:
axios({
method: '请求类型',
url: '请求的url地址',
data: {/*POST数据*/},
params: {/*GET参数*/}
}).then(callback)