在前端開發中,我們經常需要將form表單數據轉換成json格式,方便數據傳遞和處理。下面介紹幾種方法:
//方法一:使用jQuery的serializeArray方法
var formData = $('form').serializeArray();
var json = {};
$(formData).each(function(i,v){
json[v.name] = v.value;
});
console.log(json);
上述代碼中,使用serializeArray方法將form表單數據轉換為一個數組,再遍歷數組將其轉換為json格式。
//方法二:使用普通的JavaScript方法
var form = document.querySelector('form');
var formData = new FormData(form);
var json = {};
for (const [key, value] of formData.entries()) {
json[key] = value;
}
console.log(json);
上述代碼中,通過new FormData()獲取form表單數據,再使用for循環轉換為json格式。
//方法三:使用ES6的Object.fromEntries方法
var form = document.querySelector('form');
var formData = new FormData(form);
var json = Object.fromEntries(formData.entries());
console.log(json);
上述代碼中,使用Object.fromEntries方法將form表單數據轉換為對象,再直接轉換為json格式。