如何通過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()
    });
});