從前端向后臺傳遞數(shù)據(jù)時(shí)，我們經(jīng)常需要將數(shù)據(jù)以json的格式進(jìn)行傳遞。而在前端，我們使用From表單來收集數(shù)據(jù)，然后再將其轉(zhuǎn)換為json格式以通過網(wǎng)絡(luò)傳遞。

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

//使用From表單來收集數(shù)據(jù)
<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表單轉(zhuǎn)換為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將表單字段的值收集到一個(gè)FormData對象中。接下來，我們遍歷FormData對象的所有條目，并將它們存儲在一個(gè)JavaScript對象中。最后，我們使用JSON.stringify()方法將JavaScript對象轉(zhuǎn)換為JSON字符串。

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