从ASP.NET核心5mvc中选中的项目中获取ID

在ASP.NET Core 5 MVC项目中，获取选中的项目ID通常涉及前端和后端的交互。以下是一个基本的流程和示例代码，帮助你理解如何实现这一功能。

基础概念

MVC架构：Model-View-Controller，一种软件设计模式，用于分离应用程序的业务逻辑、用户界面和数据访问。
ASP.NET Core：微软推出的跨平台、高性能的Web框架。
Razor视图引擎：用于创建动态Web内容的视图引擎。

应用场景

用户在前端页面选择一个或多个项目，需要将选中的项目ID发送到服务器进行处理。
常见于表单提交、数据筛选、批量操作等场景。

实现步骤

前端部分

HTML表单：创建一个包含复选框的表单，每个复选框关联一个项目的ID。
JavaScript：使用JavaScript收集选中的项目ID，并通过AJAX请求发送到服务器。

<!-- 示例HTML -->
<form id="itemForm">
    @foreach (var item in Model.Items)
    {
        <input type="checkbox" name="selectedItems" value="@item.Id" /> @item.Name<br />
    }
    <button type="button" onclick="submitSelectedItems()">Submit</button>
</form>

<script>
function submitSelectedItems() {
    var selectedIds = [];
    document.querySelectorAll('input[name="selectedItems"]:checked').forEach(function(checkbox) {
        selectedIds.push(checkbox.value);
    });

    fetch('/Controller/Action', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
            'X-Requested-With': 'XMLHttpRequest'
        },
        body: JSON.stringify({ selectedIds: selectedIds })
    })
    .then(response => response.json())
    .then(data => {
        console.log('Success:', data);
    })
    .catch((error) => {
        console.error('Error:', error);
    });
}
</script>

后端部分

控制器动作：创建一个控制器动作来接收前端发送的数据，并进行处理。

// 示例控制器代码
[ApiController]
[Route("api/[controller]")]
public class ItemController : ControllerBase
{
    [HttpPost("submit")]
    public IActionResult SubmitSelectedItems([FromBody] SelectedItemsModel model)
    {
        if (model.SelectedIds == null || model.SelectedIds.Count == 0)
        {
            return BadRequest("No items selected.");
        }

        // 处理选中的项目ID
        foreach (var id in model.SelectedIds)
        {
            // 进行相应的业务逻辑处理
            Console.WriteLine($"Processing item with ID: {id}");
        }

        return Ok(new { message = "Items processed successfully." });
    }
}

public class SelectedItemsModel
{
    public List<int> SelectedIds { get; set; }
}