Web前端开发之前后端交互06——axios

axios是什么？

了解了什么是axios后，我们现在要知道axios和jq一样，只不过jq覆盖全面，而axios只专注于网络数据请求，现在我们看一下语法：

首先，

Get方法：

POST方法：

 两种方法的实际操作：

	//axios get方法
	$('.btn').on('click',e=>{
        let url='http://www.liulongbin.top:3006/api/get'
		let obj={
            name:'zs',
			age:20
		}
        axios.get(url,obj).then(res=>{
            console.log(res)
        })
	})

    //axios Post方法
    $('.btn-post').on('click',e=>{
        let url='http://www.liulongbin.top:3006/api/post'
        let obj={
            name:'zs',
            age:20
        }
        axios.post(url,obj).then(res=>{
            console.log(res.data)
        })
    })

ajax方法：

和jQ一样，他也有ajax方法，不过其在不同的类型下需要传入数据到不同的属性中。post=>data,get=>params.

 代码示例：