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.
代码示例:

