在前端開發(fā)中,我們經常需要將表單(form)中的數(shù)據(jù)轉換為JSON格式。下面我們將介紹如何使用JavaScript將form轉換為JSON字符串。
function formToJson(form){ var formData = new FormData(form); var obj = {}; for(var entry of formData.entries()){ obj[entry[0]] = entry[1]; } return JSON.stringify(obj); } var myForm = document.getElementById('myForm'); var jsonData = formToJson(myForm);
我們首先需要獲取form中的數(shù)據(jù),可以使用JavaScript提供的FormData(表單數(shù)據(jù))對象。然后將FormData對象的鍵值對轉換為普通的JavaScript對象,最后調用JSON.stringify()方法將對象轉換為JSON字符串。
在調用formToJson()函數(shù)時,只需要將form對象傳入即可。例如例子中的myForm。
通過以上代碼,我們就可以將表單中的數(shù)據(jù)轉換為JSON格式的字符串,方便在進行ajax請求時使用。