在我們的前后端交互中，經常需要在前端向后臺發送數據。數據可以以多種形式傳遞，例如表單、查詢字符串、JSON、XML等。其中，使用JSON來傳遞數據是一種非常方便且常用的方式。本文將介紹如何使用from表單來傳遞JSON數據。

首先，我們需要在HTML中建立一個form表單，并將數據以JSON格式序列化。

<form id="myForm" method="post">
<input type="hidden" name="jsonData" id="jsonData" />
<input type="submit" value="Submit">
</form>
<script>
var data = {
name: "John",
age: 30,
email: "john@gmail.com"
};
var jsonData = JSON.stringify(data);
document.getElementById("jsonData").value = jsonData;
</script>

在上述代碼中，我們創建了一個包含三個數據項的JavaScript對象。接著，我們使用JSON.stringify()將該對象序列化為JSON格式字符串，并將其存儲在一個隱藏的input元素中。通過這種方式，我們可以以form表單的方式將JSON數據傳送到后臺。

使用jQuery時，我們還可以進一步簡化該過程：

<form id="myForm" method="post">
<input type="submit" value="Submit">
</form>
<script>
var data = {
name: "John",
age: 30,
email: "john@gmail.com"
};
$("#myForm").submit(function(e) {
e.preventDefault(); //阻止表單的默認提交行為
$.ajax({
url: "url/to/your/server",
type: "post",
data: JSON.stringify(data),
contentType: "application/json",
success: function(response) {
console.log(response);
}
});
});
</script>

以上代碼使用jQuery的$.ajax()方法向服務器發送POST請求，并將JSON數據傳遞給服務器。在這種情況下，我們需要通過contentType標頭將數據類型指定為“application/json”。

總結來看，使用form表單傳遞JSON數據是一種非常方便和可靠的方式。它可以輕松地將JSON數據與其他表單數據結合在一起，并以統一的方式傳遞到后臺。