在Web開發領域中，form表單是一個非常重要的組件，它用于收集用戶在網頁中輸入的數據并將其提交到服務器進行處理。當我們處理一些復雜的表單時，我們可能需要提交一個復雜的數據結構，這時候，我們可以使用JSON(JavaScript Object Notation)作為數據格式進行提交。

下面是一個示例代碼，我們將一個包含用戶信息的JSON對象提交到服務器：

<form id="user-form">
<label>姓名:</label>
<input type="text" name="name"><br>
<label>年齡:</label>
<input type="number" name="age"><br>
<label>性別:</label>
<input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female">女
</form>
<button id="submit-btn" onclick="submitFormData()">提交</button>
<script>
function submitFormData() {
event.preventDefault(); // 防止表單提交頁面刷新
let name = document.forms["user-form"]["name"].value;
let age = document.forms["user-form"]["age"].value;
let gender = document.forms["user-form"]["gender"].value;
let userData = {
"name": name,
"age": age,
"gender": gender
};
let xhr = new XMLHttpRequest();
xhr.open("POST", "/api/user", true);
xhr.setRequestHeader("Content-Type", "application/json;charset=UTF-8");
xhr.send(JSON.stringify(userData));
}
</script>

在上面的代碼中，我們使用了XMLHttpRequest對象將JSON對象提交到服務器，JSON.stringify()方法用于將JavaScript對象轉換為JSON字符串，setRequestHeader()方法用于設置請求頭，指定數據類型為JSON。

總結來說，使用JSON格式提交表單數據是一個非常不錯的選擇，不僅可以簡化數據傳輸，而且適用于復雜的數據結構。