在我們的前端開發過程中,經常會用到后臺接口數據,而axios就是一個常用的處理AJAX請求的庫。當我們發送一個AJAX請求時,后臺通常會返回不同的數據格式,例如返回JSON對象。那么在axios中如何處理返回的JSON對象呢?下面就為大家介紹一下。
axios.get(url, config) .then(response =>{ console.log(response.data); }) .catch(error =>{ console.log(error); });
在axios中,我們可以通過調用response對象的data屬性來獲取返回的JSON對象。這里需要注意的是,response.data是一個JSON對象或者是數組,而不是字符串。
接下來就是利用這個返回的JSON對象,對視圖進行一些操作,比如說更新某個組件的數據。
axios.get(url, config) .then(response =>{ this.list = response.data.list; }) .catch(error =>{ console.log(error); });
以上是一個簡單的示例代碼,我們把獲取到的JSON對象中的列表數據賦給了組件的list屬性,并用this關鍵字進行了訪問。在實際需求中,我們可以根據需求進行更加靈活的操作。
在這里大家可以總結一下axios返回JSON對象的處理方式:通過response.data屬性訪問返回的JSON對象,并利用這個JSON對象進行進一步的操作。
上一篇mysql只能查詢