JavaScript axios 簡單使用

什么是axios

Axios 是專注於網絡數據請求的庫。 相比於原生的 XMLHttpRequest 對象，axios 簡單易用。 相比於 jQuery，axios 更加輕量化，只專注於網絡數據請求。

axios發起GET請求

axios 發起 get 請求的語法

 axios.get('url', { params: { /*參數*/ } }).then(callback)

具體的請求示例如下：

 // 請求的 URL 地址
 var url = 'http://www.liulongbin.top:3006/api/get'
 // 請求的參數對象
 var paramsObj = { name: 'zs', age: 20 }
 // 調用 axios.get() 發起 GET 請求
 axios.get(url, { params: paramsObj }).then(function(res) {
     // res.data 是服務器返回的數據
     var result = res.data
     console.log(res)
 })

axios發起POST請求

 axios.post('url', { /*參數*/ }).then(callback)

具體的請求示例如下：

 // 請求的 URL 地址
 var url = 'http://www.liulongbin.top:3006/api/post'
 // 要提交到服務器的數據
 var dataObj = { location: '北京', address: '順義' }
 // 調用 axios.post() 發起 POST 請求
 axios.post(url, dataObj).then(function(res) {
     // res.data 是服務器返回的數據
     var result = res.data
     console.log(result)
 })