Form表單是Web開發中最常見的輸入控件,而JSON是Web前端開發中常用的一種數據格式。在一些特定場景下,我們需要將用戶填寫的表單數據以JSON格式輸出。這時,我們就可以使用JavaScript將表單數據轉換為JSON格式。
//獲取表單元素 let form = document.querySelector('#myForm'); //將表單數據轉換為JSON格式 let formData = new FormData(form); let obj = {}; formData.forEach((value, key) =>{ obj[key] = value; }); let json = JSON.stringify(obj); //輸出JSON console.log(json);
上面的代碼中,我們使用了FormData對象來獲取表單的所有元素,然后通過forEach()方法遍歷表單元素,將其添加到一個JavaScript對象中。最后,利用JSON.stringify()函數將JavaScript對象轉換為JSON格式。
輸出JSON數據可以采用瀏覽器的Console窗口進行輸出,也可以將其輸出到服務器端進行后續處理。在實際開發中,我們可以將表單數據以JSON格式提交到服務器端,進行數據的存儲和后續操作,這樣可以大大減少數據傳輸的大小,提升數據傳輸效率。
上一篇vue crm系統