javascript - 将 int 数组从 js 发送到 Controller

Question

内部 View 我有带有相应复选框的图像列表。我想检查一下 一个或多个图像并将图像 ID 存储到 int 数组中。这个 int 数组应该被发送到 进一步处理的 Controller 。

我已经在这方面花费了太多时间，并且我在 Controller 上得到了 int[] 数据 null

问题是: 为什么我在 Controller 处得到 null？

已解决! 在我的 _Layout jquery 脚本中，捆绑调用位于文档的末尾，当我移动到顶部时，一切正常。

查看

<div id="newsImages">
    <img width="50" height="50" alt="" src="/imageOne.jpg">    
        <input type="checkbox" class="imgCheckbox" id="4">   
    <img width="50" height="50" alt="" src="/imageTwo.jpg">    
        <input type="checkbox" class="imgCheckbox" id="5">   
    <input type="button" value="Delete" name="deleteImgBtn" id="deleteImgBtn" class="deleteImagesBtn">    
</div>

JS

var imgList = [];
$(document).on("click", "#deleteImgBtn", function (e) {
    e.preventDefault();
    $('.imgCheckbox:checked').each(function () {        
        var id = $(this).attr('id');
        //add image id to the array of ints
        imgList.push(id);
    });
    jQuery.ajaxSettings.traditional = true;    
    var options = {
        url: '/news/deleteimages',
        type: 'POST',        
        data: { data: imgList },
        traditional: true
    };
    $.ajax(options).done(function (data) {
        var $target = $('#newsImages');
        $target.html(data);
    });
    //reset array of int to prevent browser to send duplicated 
    //img id to the controller on second attempt after ajax request is completed
    imgList.length = 0;
    //prevent browser from any default actions
    return false;
});

Controller

public ActionResult DeleteImages(int[] data)
{
  ...
}

Answer 1

您可以序列化数组并通过 ajax 发送它。

Serializing to JSON in jQuery

读取序列化数组，解析它..检查所有内容并继续