Vue中的FormData。它是瀏覽器原生的JavaScript API中的一個類,用于構建FormData對象,以便我們可以通過XMLHttpRequest發送Web表單數據。
Vue中的formData.append()方法用于在已有FormData實例中添加新的鍵值對。它的語法非常簡單:
formData.append('key', 'value');
其中“key”是FormData實例中存儲該值的屬性名稱,“value”是要存儲的實際值。您甚至可以在同一個FormData實例中多次使用相同的鍵名,這將僅添加多條鍵值對。
當我們在Vue項目中使用FormData對象時,通常是將表單數據作為FormData實例添加到POST請求中。這可以通過以下方式完成:
const formData = new FormData();
formData.append('username', this.username);
formData.append('password', this.password);
axios.post('api/auth', formData)
.then(res =>{
console.log(res.data);
})
.catch(err =>{
console.log(err.response.data.msg);
});
在上述代碼中,我們將用戶名和密碼添加到formData實例中,然后使用Axios發送POST請求。請注意,formData已作為請求正文傳遞給POST方法。
Vue中的formData.append()方法是一個非常有用的工具,可以方便地處理表單數據并將其添加到POST請求中發送。無論您構建什么類型的Web應用程序,都可以從它的便攜性和靈活性中受益。
上一篇python 選填參數