從前端向后臺傳遞數據時，我們經常需要將數據以json的格式進行傳遞。而在前端，我們使用From表單來收集數據，然后再將其轉換為json格式以通過網絡傳遞。

在這個過程中，我們使用JavaScript的對象表示法（JSON），它是一種輕便的數據交換格式。JSON數據格式是一個鍵值對的集合，可以嵌套。使用JSON，我們可以把簡單的JavaScript數組和對象序列化為字符串，以便在應用程序之間進行傳遞。

//使用From表單來收集數據
<form id="myForm"><input type="text" name="name"><input type="text" name="email"><input type="text" name="phone"><input type="submit" value="Submit"></form>//將From表單轉換為json格式
const form = document.getElementById("myForm");
const data = new FormData(form);
const json = {};
for (const [key, value] of data.entries()) {
json[key] = value;
}
console.log(JSON.stringify(json));

在上面的代碼中，我們首先獲取From表單的DOM元素，然后使用FormData API將表單字段的值收集到一個FormData對象中。接下來，我們遍歷FormData對象的所有條目，并將它們存儲在一個JavaScript對象中。最后，我們使用JSON.stringify()方法將JavaScript對象轉換為JSON字符串。

這樣，我們就可以把數據以JSON格式傳遞給后臺，以進行進一步處理和存儲。