如何从JQuery选择器构建对象列表并在Ajax post中发送

Question

1。我的屏幕和字段说明：

将屏幕上的每个值视为可编辑输入，其名称为：name_{id of the row}

ordinary_1 = 4.5
ordinary_2 = 3.8
overtimeApproved = false
overtimeApproved = true
overtime15_1 = 0
overtime15_2 = 0
overtime20_1 = 0
overtime20_2 = 0

屏幕上的表格

当我点击批准按钮时，我需要在“已批准加班”时构建一个带有值的json，如下所示：

{
  "Id": "2",
  "Ordinary": "3.8",
  "OvertimeApproved": "true",
  "Overtime15": "0"
  "Overtime20": "0"
}

要构建这个Json，我需要使用JQuery Selectors选择字段，然后将Ajax命令中的Json发送到我的MVC以更新这些字段。

我不知道如何使用可编辑的数据表，我解释的方式可能是最快的解决方案。

所以我需要：

1. 使用JQuery Selector，each（）命令等构建Json。

2. 在Ajax中发送（我知道该怎么做）

Answer 1

var data = [];
$("#tableID tr").each(function() {
    var cols = $(this).find("td");
    data.push({
        Id: cols.eq(0).prop('name').split('_')[1],
        Ordinary: cols.eq(0).text(),
        OvertimeApproved: cols.eq(1).find(":checkbox").is(":checked") ? "true" : "false",
        Overtime15: cols.eq(2).text(),
        Overtime20: cols.eq(3).text()
    });
});