大家好我是烏木白！今天要和大家講 axios 基本語法～

在處理 AJAX 的時候，有一些套件可以使用，我比較常使用的就是 axios ， axios 是Vue作者較建議使用在HTTP請求工具上。相較於jQuery來處理 AJAX，axios是更可取的選擇。

要引入 axios，可以使用npm下載，也可以直接載入CDN。

axios 基本語法

axios(url [,config])

axios回傳的物件是 Promise(fulfilled狀態)，所以我們可以使用.then及.catch處理成功和失敗的結果。

const x = axios('url')
x.then((response)=>console.log(x))

axios 默認是GET請求。所以可以寫成：

axios('url')
    .then((response)=>console.log(response))
    .catch((error)=>console.log(error));

但實作上比較少看到這樣簡寫，幾乎都是 axios.get(...)及axios.post(...) 這種寫法比較多，我們來看看更多方法。

axios 請求方法

我們直接使用axio內建好的請求方法，例如是.get和.post:

//GET請求
axios.get('url')
    .then( (response) => console.log(response))
    .catch( (error) => console.log(error))

//POST請求
axios.post('url',{
    email: 'javascriptBasics@gmail.com',
    password: '1234'
})
    .then( (response) => console.log(response))
    .catch( (error) => console.log(error))

還有更多的請求方法，我們可以到 axios 的 Github 查看該如何使用。

總結

axios是常見用來處理AJAX的語法，習慣Vue開發的人，可能用axios會比較多。