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

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选择器选择字段，然后将Ason的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()
    });
});