在前后端數據交互中，經常會使用JSON格式來傳遞數據。而在前端中，我們通常需要利用from來將數據轉換成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對象來獲取表單數據。接著，我們創建一個空對象jsonData，并通過for循環將表單數據一一放入該對象中。最后，我們使用JSON.stringify()方法將jsonData轉換成JSON格式的字符串，并輸出到控制臺。

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