如何在我的View中获取表的已检查行的ID？ASP.NET核心5 MVC

在ASP.NET Core 5 MVC中，如果你想在视图中获取表格中已选中（已检查）行的ID，你可以使用JavaScript（或jQuery）来处理客户端的交互，并通过AJAX请求将数据发送到服务器。以下是一个基本的步骤指南和示例代码：

基础概念

视图（View）：用户界面，展示数据。
模型（Model）：代表应用程序的数据和业务逻辑。
控制器（Controller）：处理用户输入，协调模型和视图之间的交互。
AJAX：异步JavaScript和XML，用于在不重新加载整个页面的情况下与服务器交换数据。

优势

用户体验提升，无需刷新整个页面即可更新部分内容。
减轻服务器负担，因为只有必要的数据被传输和处理。

类型

客户端脚本（如JavaScript）
服务器端处理（如C#）

应用场景

动态表单提交
实时搜索和过滤
数据验证和反馈

示例代码

HTML (Razor View)

<table id="myTable">
    <thead>
        <tr>
            <th><input type="checkbox" id="checkAll"></th>
            <th>ID</th>
            <th>Name</th>
        </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
        {
            <tr>
                <td><input type="checkbox" class="rowCheckbox" value="@item.Id"></td>
                <td>@item.Id</td>
                <td>@item.Name</td>
            </tr>
        }
    </tbody>
</table>
<button id="getCheckedIds">Get Checked IDs</button>

JavaScript (使用jQuery)

$(document).ready(function() {
    $('#getCheckedIds').click(function() {
        var checkedIds = [];
        $('.rowCheckbox:checked').each(function() {
            checkedIds.push($(this).val());
        });

        $.ajax({
            url: '/YourController/GetCheckedIds',
            type: 'POST',
            contentType: 'application/json',
            data: JSON.stringify({ ids: checkedIds }),
            success: function(response) {
                console.log('Checked IDs:', response);
            },
            error: function(xhr, status, error) {
                console.error('Error:', error);
            }
        });
    });
});

控制器 (C#)

[HttpPost]
public IActionResult GetCheckedIds(List<int> ids)
{
    // 处理获取到的ID列表
    // 例如，可以将它们保存到数据库或进行其他操作
    return Json(new { success = true, data = ids });
}