在前端開發中,經常需要與后端進行數據交互。而axios作為一種常用的HTTP客戶端庫,可以方便地發送HTTP請求。接收到json數據也是非常常見的情況。下面就來介紹如何使用axios接收到json數據。
首先需要導入axios庫:
import axios from 'axios';
接著,可以通過調用axios的get方法來獲取后端傳來的json數據:
axios.get('/backend/data')
.then(response =>{
console.log(response.data);
})
.catch(error =>{
console.log(error);
});
上面的代碼中,調用了axios的get方法來請求后端的數據。然后在響應成功的回調函數中,可以通過response.data來訪問到json數據。如果發生錯誤則在catch回調函數中進行處理。
除了get方法之外,還可以使用post、put、delete等方法來向后端發送請求。這里以post方法為例:
axios.post('/backend/data', {
name: 'John',
age: 18
})
.then(response =>{
console.log(response.data);
})
.catch(error =>{
console.log(error);
});
上面的代碼中,調用了axios的post方法,同時向后端發送了一個json數據。同樣地,在回調函數中可以通過response.data來訪問到后端發送過來的json數據。
總的來說,使用axios接收到json數據非常簡單。只需要調用axios的相應方法,然后在回調函數中處理即可。
上一篇ext樹形菜單json
下一篇mysql低版本連高版本