Question

我有一个jQuery数据表，用作重复项。当用户单击“提交”按钮时，我需要将两列的值作为JSON发送到服务器。

我在SOF中发现了this个示例，该示例演示了如何以JSON格式将jQuery数据表发布到服务器。

我面临的问题是，其中一列被呈现为最初填充但可以由用户修改的输入。上面的示例没有考虑到这一点，我得到的是原始数据值，而不是用户更改的内容。

<table id="example">
    <thead>
        <tr>
            <th>% Complete</th>
            <th>Col1</th>
            <th>Col2</th>
            <th style="display:none">SomeID</th>
        </tr>
    </thead>
    ....
</table>

var table = $('#example').DataTable({
    columnDefs : [
        { targets: 0, 
            render: function (data, type, row) {
                return '<input class="form-control" id="tbPcntComp" name="tbPcntComp" type="text"  value = ' + data + '  >';
            }
        }
    ]
})  

var fieldNames =  [], json = []
table.settings().columns()[0].forEach(function(index) {
    fieldNames.push($(table.column(index).header()).text())  
})

table.rows().data().toArray().forEach(function(row) {
    var item = {}
    row.forEach(function(content, index) {
        item[fieldNames[index]] = content
    })
  json.push(item)
})

如何修改此设置，以便可以获取用户修改的输入中的值？

将带有输入列的jQuery数据表数据发送到服务器

0 个答案: