在 Vue.js 中,我們通常使用 $http 對象來進行數據的獲取和提交。$http 是一個基于 Promise 的 HTTP 客戶端庫,可以輕松地發送異步請求并處理響應數據。 使用 $http,我們可以通過以下代碼來發送一個 GET 請求:
$http.get('https://jsonplaceholder.typicode.com/posts') .then(function(response) { console.log(response.data); }) .catch(function(error) { console.log(error); });在上面的例子中,我們向一個示意 API 發送了一個 GET 請求,并在響應成功后打印了響應數據。如果請求失敗,我們會通過 catch 方法來捕捉錯誤并輸出錯誤信息。 與 GET 請求類似,我們還可以使用 $http 來發送 POST、PUT、DELETE 等請求。例如,以下代碼演示了如何使用 $http 來發送一個 POST 請求:
$http.post('https://jsonplaceholder.typicode.com/posts', { title: 'foo', body: 'bar', userId: 1 }) .then(function(response) { console.log(response.data); }) .catch(function(error) { console.log(error); });在上面的例子中,我們向示意 API 發送了一個包含 title、body 和 userId 三個字段的 POST 請求,并在響應成功后打印了響應數據。 總之,$http 是 Vue.js 中非常實用的一個對象,它可以幫助我們輕松地與后端 API 進行交互,充分發揮了 Vue.js 作為 MVVM 框架的優勢。