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

功能很简单,这里使用了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结构的表单数据_第1张图片

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

Javascript - 获取Json结构的表单数据_第2张图片


你可能感兴趣的:(JavaScript,json,数据,表单,对象)