什么是axios
Axios是专注于网络数据请求的库
axios发起get请求
语法:
axios.get('url',{params:{/*参数*/}}).then(callback)
eg:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="../lib/axios.js"></script>
</head>
<body>
<button id="btn1">发起get请求</button>
<script>
document.querySelector('#btn1').addEventListener('click',function(){
var url = 'http://www.liulongbin.top:3006/api/get'
var paramsObj = {name:'张三',age:20}
axios.get(url,{params:paramsObj}).then(function(res){
console.log(res.data)
})
})
</script>
</body>
</html>
axios发起post请求
语法:
axios.post('url',{/*参数*/}).then(callback)
eg:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="../lib/axios.js"></script>
<title></title>
</head>
<body>
<button id="btn1">发起post请求</button>
<script>
document.querySelector('#btn1').addEventListener('click', function() {
var url = 'http://www.liulongbin.top:3006/api/post'
var paramsObj = {
name: '张三',
age: 20
}
axios.post(url, paramsObj).then(function(res) {
console.log(res.data)
})
})
</script>
</body>
</html>
直接使用axios发起请求
语法:
axios({
type:'请求类型',
url:'请求的url地址',
data:{/*post数据*/},
params:{/*get参数*/}
}).then(callback)