在Web開發過程中，從前端頁面向后端傳遞參數是非常常見的操作。其中，表單是一種最基本的方式。然而，后端需要接收到的數據格式可能并不是表單形式，而是JSON格式的數據。因此，前端需要將表單數據轉換成JSON格式的數據，再傳遞給后端。下面我們就來了解一下如何使用JavaScript將表單數據轉換成JSON格式的數據。

function formToJson(form) {
var data = {};
for(var i = 0; i< form.elements.length; i++) {
var element = form.elements[i];
if(element.name) {
switch(element.type) {
case 'text':
case 'email':
case 'password':
case 'hidden':
data[element.name] = element.value;
break;
case 'checkbox':
case 'radio':
if(element.checked) {
data[element.name] = element.value;
}
break;
case 'select-one':
data[element.name] = element.value;
break;
case 'select-multiple':
data[element.name] = [];
for(var j = 0; j< element.options.length; j++) {
if(element.options[j].selected) {
data[element.name].push(element.options[j].value);
}
}
break;
case 'textarea':
data[element.name] = element.value;
break;
}
}
}
return JSON.stringify(data);
}

使用上面的函數，我們只需要傳入表單對象，就可以得到該表單數據的JSON格式字符串。在實際使用中，我們可以通過AJAX等方式將JSON格式的數據傳遞給后端，從而實現基于表單的數據交互操作。