axios

5、axios

5.1、什么是 axios

Axios 是专注于网络数据请求的库

相比于原生的XMLHttpRequest 对象,axios简单易用

相比于jQuery，axios更加轻量化，只专注于网络数据请求

5.2、axios 发起 GET

axios 发起get 请求的语法:

axios.get("ur1",{params:{/*参数*/}}).then(callback)

 代码演示：

var url = 'http://www.liulongbin.top:3006/api/get'
var paramsobj = { name: 'zs', age: 20 }
axios.get(url, { params: paramsobj }).then(function (e) {
  console.log(e.data);
 })

 5.3、axios 发起 POST请求

语法格式：

axios.post("ur1",{ /*参数*/ }).then (cal1back)

 代码演示

var url = 'http://www.liulongbin.top:3006/api/post'
var paramsobj = { name: 'zs', age: 20 }
axios.post(url, paramsobj).then(function (e) {
   console.log(e.data);
})

5.4、直接使用 axios 发起请求

语法格式：

axios ({
   method: "请求类型",
   url:‘请求的URL地址',
   data:{ /* PosT数据*/ },
   params:{/* GET参数*/ }
}）.then(对调函数)