Vue.js是一款很流行的JavaScript框架,而它的http模塊則為開發者提供了許多方便的API和方法來進行網絡請求。其中,then方法是在Vue.js的http模塊中十分重要的一個方法,因為它允許開發者在發送網絡請求后進行相應的處理。
在Vue.js中,使用Axios庫來實現http請求。對于http請求的返回,Axios庫提供了一個then方法。then方法允許開發者在請求成功后進行相應的處理,例如處理服務器返回的數據等。要使用Vue.js的then方法,只需要在Axios庫發送請求后,調用其then方法即可。
this.$http.get('/api/data') .then(response =>{ console.log(response.data) }) .catch(error =>{ console.log(error) });
從上述代碼可以看到,首先通過this.$http.get方法來發送請求,在請求成功后,then方法會收到response參數,其中包含了服務器返回的數據。在上述代碼中,我們使用了箭頭函數來簡化代碼,將response.data輸出到控制臺。
另外,Vue.js的http模塊還提供了多種方法來發送請求,例如post、put、delete等方法,這些方法同樣允許開發者在請求成功后進行相應的處理。
this.$http.post('/api/data', { id: 1 }) .then(response =>{ console.log(response.data) }) .catch(error =>{ console.log(error) });
在上述代碼中,我們使用this.$http.post來發送POST請求,在請求成功后,同樣可以使用then方法進行處理。需要注意的是,我們還向post方法傳遞了一個參數{id:1},這是要發送到服務器的數據。