繁体   English   中英

js将复杂对象发布到asp.net mvc

[英]js post complex object to asp.net mvc

js中的数据格式如下:

var data = {};
data = {
  orderInfo: {
   time: '2018-04-01',
   phone: '111122223333'
  },
  products: [
  {id: 1, count: 1},
  {id: 2, count: 2} 
  ]
}

但是,当我直接使用jQuery的ajax()方法发布它时,后端无法接收我发布的内容,但是当发布时的格式如下:

var data = {};
data['orderInfo.time'] = '2018-04-01';
data['orderInfo.phone'] = 111122223333;
data['products[0].id'] = 1;
data['products[0].count'] = 1;
data['products[1].id'] = 2;
data['products[1].count'] = 2;

后端可以接收数据,这是什么原因造成的? 任何帮助将是感激的。 Ajax代码:

    $.ajax({
        type: 'POST',
        data: data,
        url: '/SaveOrderInfo'
    }).done(function (data, status, request) {

    }).fail(function (err) {

    });

简化的后端代码

namespace balabala {
    [DataContract]
    public class RVOrderViewRqst : IExtensibleDataObject
    {
        public ExtensionDataObject ExtensionData { get; set; }

        [DataMember]
        public RVOrderCustom orderInfo { get; set; }

        [DataMember]
        public IList < RVOrderDetailCustom > products { get; set; }


        public RVOrderViewRqst()
        {
            products = new List<RVOrderDetailCustom>();
        }
    }

    [DataContract]
    public class OrderDetailInfoCustom {
        [DataMember]
        public RVOrderCustom orderInfo { get; set; }

    [DataMember]
        public IList < RVOrderDetailCustom > products { get; set; }

        public OrderDetailInfoCustom()
    {
        products = new List<RVOrderDetailCustom>();
    }
}

[DataContract]
public class RVOrderDetailCustom {
[DataMember]
        public int id { get; set; }
[DataMember]
        public int count { get; set; }
    }

[DataContract]
public class RVOrderCustom {
    [DataMember]
[DataMember]
        public string time { get; set; }
[DataMember]
        public string phone { get; set; }
    }
}

对于我来说,理解起来太复杂了,后端伙计们找不到原因。

尝试添加dataType: 'json'

$.ajax({
        type: 'POST',
        data: data,
        url: '/SaveOrderInfo',
        dataType: 'json'
    }).done(function (data, status, request) {

    }).fail(function (err) {

    });

而且您还需要在BE中设置标题,例如

Response.ContentType = "application/json"; 要么

Response.Headers.Add("Content-type", "application/json");

尝试将dataType选项添加到ajax调用。

dataType: 'json'

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM