我可以通过 Ajax 将两个数组传递给控制器​​吗？ （文件数组和整数数组）

Question

我正在使用以下代码来收集数据和 Ajax 调用：

            var childArr = [];
            var File_Arr = [];
            File_Arr = $('#File_Arr');
            console.log($.type(File_Arr));
            $('#File_Arr').each(function () {
                File_Arr.push($(this).val());
            });
            //File_Arr = $("#File_Arr").val();
            var children = $('#file-container table').children('tbody');
            var test1 = [1, 2, 3, 4];
            var test2 = [5, 6, 7, 8];
            $(children).each(function (index, item) {
                var count = $(item).children().length - 1;
                childArr.push(count);
            });
            $.ajax({
                url: "@Url.Content("~/Search_Replace_/UploadFile")",
                type: "POST",
                data: {'tableRowCount':childArr,'File_Arr':File_Arr},
                dataType: "json",
                contentType: "application/json",
                charset: "utf-8",
                success: function (msg) {
                    console.log('Success!');
                }
            });

我在控制器中使用以下代码来捕获两个数组：

[HttpPost]
    public ActionResult UploadFile(int[] tableRowCount, HttpPostedFileBase[] File_Arr)
    

但在这里我只能正确获取File_Arr，而tableRowCount 将作为null 来。

请注意：我也尝试过JSON.stringify() 方法，但显示超出最大调用堆栈大小的错误。

有人可以帮忙吗？

Answer 1

您可以使用表单数据来发送带有数据的文件。试试这个：

    var childArr = [];

    var fileUploadControl = $('#File_Arr').get(0);

    var files = fileUploadControl.files;

    var formData = new FormData();

    for (var i = 0; i < files.length; i++) {
        formData.append('File_Arr', files[i]);
    }

    var children = $('#file-container table').children('tbody');
    var test1 = [1, 2, 3, 4];
    var test2 = [5, 6, 7, 8];
    $(children).each(function (index, item) {
        var count = $(item).children().length - 1;
        childArr.push(count);
    });

    for (var i = 0; i < childArr.length; i++) {
        formData.append('tableRowCount', childArr[i]);
    }


    $.ajax({
        url: "@Url.Content("~/Search_Replace_/UploadFile")",
        type : "POST",
        data: formData,
        processData: false,
        contentType: false,
        success: function (msg) {
            console.log('Success!');
        }
    });