如何将带有数组列表的$(“form”）.serialize(）从AJAX方法传递到mvc控制器

how to pass $("form").serialize() with array list from AJAX method to mvc controller?

本文关键字：AJAX serialize 方法 控制器 mvc form 数组 列表      更新时间：2023-09-26

我必须将模型和另一个数组列表值从javascript传递给控制器。

Javascript代码

$("#SaveData").click(function (e) {
    debugger
    var formdata = $("form").serialize();
    var list = new Array();
    var postData;
    $('input.chkevent').each(function () {
        debugger
        if (this.checked == true) {
            var parent_id = this.parentElement;
            var par2 = parent_id.previousElementSibling;
            var par3 = par2.previousElementSibling;
            var child = par3.childNodes[0];
            var child_val = child.defaultValue;
            var arr_date = this.parentElement.nextElementSibling.childNodes[0].value;
            var dep_date = this.parentElement.nextElementSibling.nextElementSibling.childNodes[0].value;
            var id = new Array(); ;
            id.push(child_val, arr_date, dep_date);
            list.push(id);
            postData = {values: list };
        }
    });
    $.ajax({
        type: "POST",
        url: "/umbraco/Surface/HomeSurface/FormData",
        data: (formdata ? formdata + "&" : "") + "values=" + postData,
        traditional: true,

        success: function (data) {
            //alert("ajax request to server succeed");
        }
    });
});

我只得到了一种数据，postData或formdata，但我需要它们都通过控制器方法，如下所示：

public ActionResult FormData(PERSON_MASTER person, string[] values)
    {}

PERSON_MASTER.cs

public class PERSON_MASTER
{
    [Key]
    public int PERSON_ID { get; set; }
    public string ICARD_ID { get; set; }
   [Required]
    public string FNAME { get; set; }
  [Required]
    public string LNAME { get; set; }
    public string GENDER { get; set; }

    [DataType(DataType.Date)]
    public DateTime DOB { get; set; }
   [Required]
    public int? CITY_ID { get; set; }
    public int? STATE_ID { get; set; }
   [Required]
    public int? COUNTRY_ID { get; set; }
    public string CONTACT_NO { get; set; }

}

提前谢谢。

试试这个，没有测试：

var model = {
    person: $("form").serialize(),
    values: list 
};
$.ajax({
        type: "POST",
        url: "/umbraco/Surface/HomeSurface/FormData",
        data: JSON.stringify(model),
        traditional: true,
        success: function (data) {
        //alert("ajax request to server succeed");
        }
});

每当我将数据传递给控制器时，我都会确保参数名称与控制器中的参数名称一致：

$.ajax({
        type: "POST",
        url: "/umbraco/Surface/HomeSurface/FormData",
        data: {
            person: formdata,
            values: list
        },
        traditional: true
    });

更新：您还必须确保参数具有相同的形状。在代码中，您将多维数组传递给非多维数组

相关文章：