功能很简单,这里使用了jQuery的方法,因此依赖于jQuery。


如果存在多项name相同的表单对象,会使用","英文逗号隔开。



完整代码:

//从from获取数据,转为对象
function fromToJson(form) {
var result = {};
var fieldArray = $('#' + form).serializeArray();
for (var i = 0; i < fieldArray.length; i++) {
var field = fieldArray[i];
if (field.name in result) {
result[field.name] += ',' + field.value;
} else {
result[field.name] = field.value;
}
}
return result;
}


通过代码也可以看出入参是form表单的id属性值。其他情况可以自行修改。


下面是效果图:  

Javascript - 获取Json结构的表单数据_数据

上面是表单内容,下面是调用js方法后的结果:

Javascript - 获取Json结构的表单数据_数据_02