Axios 是一個很常見的前端 HTTP 庫,在前端開發中使用非常廣泛。我們通常使用 Axios 發送 JSON 格式的數據。但是,有時候我們需要發送其他格式的數據,比如表單數據等。本文將介紹如何在 Axios 中發送表單數據。
首先我們需要創建一個 HTML 表單,如下所示:
<form> <label>姓名: <input type="text" name="name"> </label> <br> <label>密碼: <input type="password" name="password"> </label> <br> <input type="submit" value="提交"> </form>
接著我們需要在 Axios 中將數據格式設置為表單格式,代碼如下:
axios({ method: 'post', url: '/api/user', headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, data: { name: '張三', password: '123456', } }) .then(res =>console.log(res)) .catch(error =>console.log(error))
這里需要注意的是,在發送表單數據時,我們需要將數據格式設置為application/x-www-form-urlencoded
,并且以對象的方式傳遞數據,就像上面的代碼中一樣。
使用 Axios 發送表單數據是非常簡單的。如果你有類似的需要,可以參考上面的代碼進行實現。
上一篇html 登錄源代碼
下一篇鼠標懸浮加陰影上 css