如何使用ajax请求中的formdata将数组发送到mvc操作

我试图将带有表单数据的数组发送到带有Ajax请求的操作,但每当我这样做时,我都会收到表单数据和数组为空

$scope.SubmitForm = function () {
        var sLangs = $("#supportedLanguages").data("kendoMultiSelect").value();    

        var formdata = new FormData($('#frmAppSettings').get(0));

        alert(formdata.SelectedLanguages);

        var data = new FormData(document.getElementById("frmAppSettings"));
        $.ajax({
            type: "POST",url: "/AppMenuMaker/AppSettings",data: JSON.stringify({ AppSettingsView: formdata,SelectedLangs: sLangs }),processData: false,contentType: false,success: function () {

            }
        });
    }`

我的行动如下

[HttpPost]
    [Authorize]
    public ActionResult AppSettings( ApplicationSettingsviewmodel AppSettingsView,int[] SelectedLangs)
    {

    }

有帮助吗？

解决方法

FormData是一组表示表单控件及其值的名称/值对,并作为multipart / form-data发送,您不能使用stringify()和/或使用单独的对象发送它.您需要为其添加名称/值对.

如果id =“supportedLanguages”的元素位于id =“frmAppSettings”的表单内,那么您的代码

var formdata = new FormData($('#frmAppSettings').get(0));

将正确添加< select>的值到FormData对象.如果没有,那么您需要在数组中附加每个值,例如

var formdata = new FormData($('#frmAppSettings').get(0));
$.each($("#supportedLanguages").val(),function(index,item) {
    formdata .append('SelectedLangs',item);
});

然后需要ajax选项

$.ajax({
    type: "POST",url: '@Url.Action("AppSettings","AppMenuMaker")',// use @Url.Action() to generate your url's
    data: formdata,success: function () {
    }
});