在前端開發中，我們經常會使用 HTML 的表單來收集用戶輸入的數據，而通過 AJAX 等方式發送表單數據給服務器端進行處理。而通常情況下，我們都會將表單數據序列化成 URL 參數形式或者 FormData 對象。不過，有些場景下我們需要將表單數據封裝成 JSON 格式發送給服務器端處理，本文將介紹如何實現通過表單封裝 JSON 格式。

首先，在 HTML 頁面中創建一個簡單的表單：

<form id="my-form">
<label for="name">姓名：</label>
<input type="text" id="name" name="name" />
<br />
<label for="age">年齡：</label>
<input type="text" id="age" name="age" />
</form>

然后，在 JavaScript 中獲取表單數據并進行封裝。

let form = document.querySelector('#my-form');
let formData = new FormData(form);
let data = {};
for (let [key, value] of formData.entries()) {
data[key] = value;
}
let json = JSON.stringify(data);
console.log(json);

在上述代碼中我們首先使用 FormData 獲取表單數據，然后使用 for...of 循環遍歷 FormData 對象的鍵值對，將其存入一個普通的對象 data 中。最后使用 JSON.stringify 將 data 對象轉換成 JSON 格式的字符串。

若表單中有多個相同的 name，則在 data 對象中對應的鍵名會轉換為數組形式，其中每個元素都是表單中對應 name 的值。

若表單中有文件上傳，則需使用 FormData 對象上傳，而不能使用 JSON 格式。

通過上述方法，我們可以很方便的將表單數據封裝成 JSON 格式進行傳輸和處理。