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