将ajax中的复杂对象发送到MVC

Posted 2023-02-22

【中文标题】将ajax中的复杂对象发送到MVC

【英文标题】：Sending complex object in ajax to MVC

【发布时间】：2015-08-29 10:07:43

【问题描述】：

发送复杂对象时，List<Order> 的值在我的控制器操作方法中返回为 null。有人可以帮助确定问题吗？我们需要传递带有索引的对象数组吗？

javascript

function OnCustomerClick() 
    //var orders = [];
    //orders.push( 'OrderId': '1', 'OrderBy': 'Saroj' );

    var complexObject = 
        FirstName: 'Saroj',
        LastName: 'K',
        //Orders : orders
        Orders: [ OrderId: 1, OrderBy: 'Saroj' ,  OrderId: 2, OrderBy: 'Kumar' ]
    ;

    var obj =  customer: complexObject ;
    var data2send = JSON.stringify(obj);

    $.ajax(
        type: "POST",
        url: 'Home/TestCustomer1',
        data: data2send,
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function (arg)  //call successfull
        ,
        error: function (xhr) 
            //error occurred
        
    );
;

MVC

 public ActionResult TestCustomer1(Customer customer)
    
        return Json(customer);
    

C#

public class Customer

    public string FirstName  get; set; 
    public string LastName  get; set; 
    List<order> Orders  get; set; 


public class order

    public int OrderId  get; set; 
    public string  OrderBy  get; set; 

【问题讨论】：

您可以尝试添加traditional: true, ajax 选项，但实际上它应该是var complexObject = FirstName: 'Saroj', LastName: 'K', Orders[0].OrderId: 1, Orders[0].OrderBy: 'Saroj', Orders[1].OrderId: 2, Orders[1].OrderBy: 'Kumar' 才能正确绑定到您的模型（并删除contentType: "application/json; charset=utf-8", 并使用data: complexObject,

【参考方案1】：

您需要使用 public 属性进行模型绑定。 Orders 目前没有访问修饰符，所以它是私有的。

public class Customer

    public string FirstName  get; set; 
    public string LastName  get; set; 
    public List<order> Orders  get; set;  // <----

除此之外，一切看起来都很好。