在Vue中,使用ajax請求數據是非常常見的。而在Vue里,常用的ajax技術包括jQuery Ajax和axios,其中axios又被越來越多的開發者所推崇。axios是一個基于Promise的HTTP客戶端,可以在瀏覽器和Node.js中使用。
在進行ajax操作時,axios所提供的API和jQuery Ajax有相似之處,但也有些許不同。下面,我們將會介紹axios在Vue中常用的參數。
axios.get(url[, config]) axios.post(url[, data[, config]]) axios.put(url[, data[, config]]) axios.delete(url[, config])
這幾個API分別用于請求數據、上傳數據、修改數據和刪除數據。其中,第一個參數表示請求的URL地址,第二個參數為請求參數data,第三個參數為請求配置config。而連接上后端api時,要注意CORS問題,需要將`withCredentials`屬性設為true。
接下來就是請求頭headers的參數設置。headers可以在axios.create({headers:{} })中全局設置,也可以在單獨請求中設定。最常用的headers設置就是設置請求`Content-Type`。application/json、text/plain等請求類型可以參考HTTP STANDARD。
headers:{'Content-Type':'text/plain'}
除了上述參數外,axios在Vue開發中,還常用的還有response的攔截、cancel任務的攔截以及多請求合并等。這些操作都需要了解其底層原理。
知道了axios中常用的參數后,我們就可以愉快的開始ajax請求了,可以說axios的用法非常簡單、實用。