在使用Vue.js進行web開發的時候,經常需要通過ajax請求獲取json對象數據。axios是一個基于Promise實現的HTTP庫,在vue-cli腳手架中默認已經安裝。可以輕松地實現前后端交互。下面使用axios.get方法請求服務器返回的json對象。
axios.get('/api/user') .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });
該代碼實現了通過get方法請求/api/user接口,并將返回的對象數據存儲在response中,最終在控制臺中打印輸出response。注意,axios.get是一個Promise對象,可以通過then和catch方法進行處理。
除了get方法,axios還支持post、put、delete等常見的HTTP請求方式。下面是一個使用post方法請求json對象的示例:
axios.post('/api/user', { firstName: 'John', lastName: 'Doe' }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });
該代碼實現了通過post方法請求/api/user接口,并以json對象形式發送數據,最終在控制臺中打印輸出response。