axios入门

引入：<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

1. 无参方法：

get请求:

<script type="text/javascript">
			axios({
				url:'',
				method:'get',
			}).then(res=>{
				console.log(res);
			})
		</script>
		
post请求：

<script type="text/javascript">
			axios({
				url:'',
				method:'post',
			}).then(res=>{
				console.log(res);
			})
		</script>

2. 有参请求：

from表单提交：

get

 <script type="text/javascript">
			axios({
				url:'',
				method:'get',
				params:{
					id:'1'
				}
			}).then(res=>{
				console.log(res);
			})
			
		</script>
post

 <script type="text/javascript">
			axios({
				url:'',
				method:'post',
				params:{
					id:'1'
				}
			}).then(res=>{
				console.log(res);
			})
			
		</script>
json表单提交：

get

 <script type="text/javascript">
			axios({
				url:'',
				method:'get',
				data:{
					id:'1'
				}
			}).then(res=>{
				console.log(res);
			})
			
		</script>
post

 <script type="text/javascript">
			axios({
				url:'',
				method:'post',
				data:{
					id:'1'
				}
			}).then(res=>{
				console.log(res);
			})
			
		</script>

3. 简写

无参

axios.post('').then(res=>{
			console.log(res);
		}).catch(err->{
	console.log(err);
})

axios.get('').then(res=>{
			console.log(res);
		}).catch(err->{
	console.log(err);
})

from表单

axios.post('','id=11').then(res=>{
			console.log(res);
		}).catch(err->{
	console.log(err);
})

axios.get('','id=1&name=111').then(res=>{
			console.log(res);
		}).catch(err->{
	console.log(err);
})

json提交
axios.post('',{id:1}).then(res=>{
			console.log(res);
		}).catch(err->{
	console.log(err);
})

axios.get('',{id:1,name:'sss'}).then(res=>{
			console.log(res);
		}).catch(err->{
	console.log(err);
})

4. 并发请求

 axios.all([
axios.get('',{id:1,name:'sss'}).then(res=>{
			console.log(res);
		}).catch(err->{
	console.log(err);
})
axios.get('',{id:1,name:'sss'}).then(res=>{
			console.log(res);
		}).catch(err->{
	console.log(err);
})
]).then(res=>{//请求成功是个数组
			console.log(res[0]);
			console.log(res[1]);
		})

5. 全局配置

 axiox.defaults.baseURL=""
			axiox.defaults.timeout=5000