因為最后要放到send方法中，所以只能用于POST請求

作用：

把html表單信息映射成一個對象，把此對象傳遞到服務器端，省略了表單控件的獲取，表單值的獲取，參數格式的拼接。

異步上傳二進制文件，圖片，視頻。

使用步驟：

1.創建普通的html表單，寫好name屬性

<form id="form"><input type="text" name="username"><input type="password" name="password"><input type="button" id="btn" value="提交"> </form>

2.將html表單轉為FormData對象

var form = document.getElementById('form'); var formData = new FormData(form);

3.提交表單對象

xhr.send(formData);

4.用第三方模塊formidable解析傳入的對象

const formidable = require('formidable'); app.post('/formData', (req, res) => {const form = new formidable.IncomingForm();form.parse(req, (err, fields, files) => {res.send(fields);}); });

示例：

05.html

<!-- 創建普通的html表單 --> <form id="form"><input type="text" name="username"><input type="password" name="password"><input type="button" id="btn" value="提交"> </form> <script type="text/javascript">var btn = document.getElementById('btn');var form = document.getElementById('form'); // 1btn.onclick = function () {var formData = new FormData(form); // 1var xhr = new XMLHttpRequest();xhr.open('post', 'http://localhost:3000/formData');xhr.send(formData); // 1xhr.onload = function () {if (xhr.status == 200) {console.log(xhr.responseText);}}} </script>

app.js

const formidable = require('formidable'); app.post('/formData', (req, res) => {const form = new formidable.IncomingForm();form.parse(req, (err, fields, files) => {res.send(fields);}); });

網址輸入：localhost:3000/05.html

總結

以上是生活随笔為你收集整理的$.post把表单对象传递过去_FormData对象的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。