在前后端數(shù)據(jù)交互中，經(jīng)常會使用JSON格式來傳遞數(shù)據(jù)。而在前端中，我們通常需要利用from來將數(shù)據(jù)轉(zhuǎn)換成JSON格式。

const form = document.querySelector('form')
const formData = new FormData(form)
const jsonData = {}
for (const [key, value] of formData.entries()) {
jsonData[key] = value
}
const jsonString = JSON.stringify(jsonData)
console.log(jsonString)

代碼中，我們首先獲取表單元素，然后使用FormData對象來獲取表單數(shù)據(jù)。接著，我們創(chuàng)建一個空對象jsonData，并通過for循環(huán)將表單數(shù)據(jù)一一放入該對象中。最后，我們使用JSON.stringify()方法將jsonData轉(zhuǎn)換成JSON格式的字符串，并輸出到控制臺。

值得注意的是，如果表單中存在上傳文件類型的數(shù)據(jù)，我們需要使用特殊的API來獲取數(shù)據(jù)并處理，而非通過FormData對象。在這里，我們就不深入探討這個問題了，讀者們可以自行查閱相關(guān)文獻來了解更多。