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

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

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

完整代码：

<pre name="code" class="javascript">//从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属性值。其他情况可以自行修改。

下面是效果图：



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