在Web 開發中，表單提交遠比普通的GET、POST 請求更為普遍。而在許多情況下，我們需要提交的是一個JSON 格式的數據，以滿足后端接口的需求。這時，就需要用到標簽提交JSON 數據。

<button onclick="submitForm()">提交</button>
<script>
function submitForm() {
var formData = {
name: "用戶1",
age: 18,
gender: "男"
};
var xhr = new XMLHttpRequest();
xhr.open("POST", "https://example.com/api/users?format=json");
xhr.setRequestHeader("Content-Type", "application/json");
xhr.send(JSON.stringify(formData));
}
</script>

上面是一個簡單的

標簽提交JSON 數據的示例。在點擊“提交”按鈕時，會觸發 submitForm() 函數。該函數中定義了一個formData 對象，里面包含了用戶的姓名、年齡和性別等信息。

接下來，我們使用XMLHttpRequest 對象來構建一個POST 請求，將formData 對象打包成JSON 數據格式，并且自定義請求頭部為“application/json”。最后調用xhr.send() 方法將請求發送到后端接口。

通過這種方式，我們可以輕松地將JSON 格式的數據提交到后端接口，實現前后端數據的無縫對接。而按鈕的交互性也使得用戶的操作更為友好和直觀。