使用 jQuery AJAX 发送数组数据并解决 415 错误指南

$(function() {
    $("#btnSave").click(function() {
        var datos = []; // 使用数组字面量更简洁

        $("#imgCurrent tr").each(function() {
            var row = $(this);
            var id = row.find("td:eq(0)").text(); // 获取第一列文本作为ID

            var dataItem = {
                RepositoryCatalogueID: id
            };
            datos.push(dataItem);
        });

        // ... 后续AJAX请求
    });
});

$(function() {
    $("#btnSave").click(function() {
        var datos = [];

        $("#imgCurrent tr").each(function() {
            var row = $(this);
            var id = row.find("td:eq(0)").text();

            var dataItem = {
                RepositoryCatalogueID: id
            };
            datos.push(dataItem);
        });

        var url = "@Url.Action("EditPosition", "Carrusel")"; // 确保URL正确

        $.ajax({
            url: url,
            type: 'POST',
            // 核心改动：设置正确的 Content-Type
            contentType: 'application/json; charset=utf-8',
            // 核心改动：将数据对象序列化为 JSON 字符串
            data: JSON.stringify(datos),
            success: function(response) {
                // 根据实际后端返回的数据结构处理
                if (response.success) { // 假设后端返回一个包含 success 属性的对象
                    $.alert({
                        icon: "~/Content/Images/success.png",
                        title: '操作成功',
                        content: '数据保存成功。',
                    });
                } else {
                    $.alert({
                        icon: "~/Content/Images/error.png",
                        title: '操作失败',
                        content: response.message || '数据保存失败。',
                    });
                }
            },
            error: function(xhr, status, error) {
                // 错误处理
                console.error("AJAX Error:", status, error, xhr.responseText);
                $.alert({
                    icon: "~/Content/Images/error.png",
                    title: '请求失败',
                    content: '服务器请求失败，请稍后再试。',
                });
            }
        });
    });
});

// CarruselViewModel.cs
public class CarruselViewModel
{
    public int RepositoryCatalogueID { get; set; }
}

using Microsoft.AspNetCore.Mvc; // 或 System.Web.Mvc

public class CarruselController : Controller
{
    [HttpPost] // 确保只响应 POST 请求
    public JsonResult EditPosition([FromBody] IEnumerable<CarruselViewModel> model)
    {
        bool success = false;
        string message = string.Empty;

        if (model != null)
        {
            // 在这里处理接收到的模型数据
            foreach (var item in model)
            {
                Console.WriteLine($"Received ID: {item.RepositoryCatalogueID}");
                // 示例：保存到数据库等业务逻辑
            }
            success = true;
            message = "位置更新成功。";
        }
        else
        {
            message = "未接收到有效数据。";
        }

        // 返回 JSON 响应
        return Json(new { success = success, message = message });
    }
}