在web開發中,常用的一種前端表單提交方式是使用form表單提交,常見的例如登錄、提交留言等功能。但是后端通常需要使用JSON格式的數據,因此需要將form表單轉換成JSON字符串。
下面是一個示例的form表單:
<form id="myForm"> <input type="text" id="name" name="name" value="John Doe"> <input type="email" id="email" name="email" value="johndoe@example.com"> <input type="number" id="age" name="age" value="30"> <button type="submit">Submit</button> </form>
使用JavaScript代碼將form表單轉換成JSON字符串:
var form = document.getElementById("myForm"); var formData = new FormData(form); var jsonObject = {}; for (const [key, value] of formData.entries()) { jsonObject[key] = value; } var jsonString = JSON.stringify(jsonObject);
上面的代碼將form表單的數據轉換成一個JavaScript對象,然后使用JSON.stringify()方法將JavaScript對象轉換成JSON字符串。
最終的JSON字符串如下:
{ "name": "John Doe", "email": "johndoe@example.com", "age": "30" }
這樣就可以將form表單的數據以JSON字符串的形式提交給后端處理了。