在前端開發中,我們經常需要向后端請求數據。而axios就是一個強大的第三方庫,方便我們處理HTTP請求和響應。當使用axios向后端請求數據時,返回的數據一般是JSON格式的。那么如何使用axios處理JSON數據呢?
// 引入axios import axios from 'axios' // 發起get請求 axios.get('http://example.com/api/data') .then(response =>{ // 處理響應數據 const data = response.data console.log(data) }) .catch(error =>{ console.log(error) })
在請求成功后,我們可以通過response.data獲取響應數據。這里的data就是一個JSON格式的對象或數組。
如果需要發送post請求并攜帶JSON格式的數據,可以使用axios的post方法,并設置請求頭部的Content-Type為application/json。代碼如下:
// 設置請求頭部的Content-Type為application/json axios.defaults.headers.post['Content-Type'] = 'application/json' // 發起post請求 axios.post('http://example.com/api/data', {name: 'jack', age: 20}) .then(response =>{ // 處理響應數據 const data = response.data console.log(data) }) .catch(error =>{ console.log(error) })
通過以上方法,我們可以使用axios方便地處理JSON格式的響應數據。