javascript - 将多维输入数组转换为 JSON

Question

我想最终获取我的输入字段值并将它们放入 JSON 字符串中（通过 Jquery/Javascript）。

这是我的 html 标记

<input type="text" class="specifications" name="specifications[0][title]" />
<input type="text" class="specifications" name="specifications[0][stat]" />

<input type="text" class="specifications" name="specifications[1][title]" />
<input type="text" class="specifications" name="specifications[1][stat]" />

<input type="text" class="specifications" name="specifications[2][title]" />
<input type="text" class="specifications" name="specifications[2][stat]" />

<input type="text" class="specifications" name="specifications[3][title]" />
<input type="text" class="specifications" name="specifications[3][stat]" />

我希望我的 JSON 字符串是这样的

[
{ title: 'title1', stat: '1000' },
{ title: 'title1', stat: '2000' },
{ title: 'title2', stat: '3000' },
{ title: 'title3', stat: '4000' },
{ title: 'title4', stat: '5000' }
]

我现在搜索了很多并找到了这些线程，但它们并没有帮助我完成我想要完成的事情

jquery用数组序列化输入

使用 jquery ajax post 提交表单输入数组

请帮忙。

Answer 1

这将根据您的输入创建您描述的对象：

    var specsLen = $('input.specifications').length / 2,
        array = [],
        i;
    for (i = 0; i < specsLen; i += 1) {
        array.push({
            title: $('input.specifications[name="specifications[' + i + '][title]"]').val(),
            stat: $('input.specifications[name="specifications[' + i + '][stat]"]').val()
        });
    })

参见小提琴示例