Vue.js 是一款輕量級的前端框架,它的響應式數據綁定和組件化開發方式使得前端開發更加高效便捷。在 Vue.js 中,我們可以通過使用 Vue.http 對象獲取 AJAX 請求 (XMLHttpRequest),從而實現前端與后端的互動。
下面是獲取 XMLHttpRequest 的代碼示例:
Vue.http.get('/api/data') .then((response) => { // 得到響應數據后的操作 console.log(response.data); }, (response) => { // 錯誤處理 console.log('error') });
在上述例子中,我們使用了 Vue.http 對象的 get 方法來獲取數據。get 方法得到的是一個 Promise 對象,當 AJAX 請求成功時,會執行 then 方法的第一個回調函數(即上例中的 response);反之則會執行第二個回調函數。
在回調函數中,我們可以通過 response.data 獲取服務器返回的數據。另外,還可以使用 response.status、response.statusText 等屬性獲取響應狀態碼和狀態描述。
除了 get 方法,Vue.http 還提供了其他的 AJAX 請求方法,如 post、put、delete 等方法。這些方法都可以接受兩個參數:請求 URL 和請求數據(當需要發送數據時可用)。例如:
Vue.http.post('/api/data', {key: 'value'}) .then((response) => { console.log(response.data); }, (response) => { console.log('error') });
在使用 Vue.http 發送 AJAX 請求時,我們也可以設置請求頭、超時時間、請求攔截器等參數,以滿足各種需求。詳細使用方法請參考官方文檔。