Fatal编程技术网
  • javascript/
  • 将对象数组从JavaScript发送到C#控制器

将对象数组从JavaScript发送到C#控制器

javascript c# asp.net-mvc

将对象数组从JavaScript发送到C#控制器,javascript,c#,asp.net-mvc,Javascript,C#,Asp.net Mvc,我尝试了几种方法将对象列表传递给控制器，但是 控制器始终接收null 这是我的密码： 查看： $('#btnSave').click(function () { var arrPropIdPos = new Array(); $('.property').each(function () { var obj = { PropertyId : $(this).attr('PropertyId

我尝试了几种方法将对象列表传递给控制器，但是 控制器始终接收
null

这是我的密码：

查看：

$('#btnSave').click(function () {

       var arrPropIdPos = new Array();         

        $('.property').each(function () {
            var obj = {
                PropertyId : $(this).attr('PropertyId'),
                Xposition : $(this).attr('xPos'),
                Yposition : $(this).attr('yPos')

            };
            arrPropIdPos.push(obj);
        });

        var jsonData = JSON.stringify(arrPropIdPos);


       $.ajax({
           url: "/PropertyPosition/Insert/",
           type: 'POST',         
           data: jsonData,
           dataType: 'json',
           //...                
        },

[HttpPost]
public JsonResult Insert(string jsonData)
{
  // jsonData is null
}

  public class PropertyPositionInsert
    {
        public string PropertyId { get; set; }
        public string Xposition { get; set; }
        public string Yposition { get; set; }
    }

   public JsonResult Insert(List<PropertyPositionInsert> model)
    {
      // model is null
    }

  public class PropertyPositionInsert
    {
        public string PropertyId { get; set; }
        public string Xposition { get; set; }
        public string Yposition { get; set; }

    }
console.log（arrPropIdPos）

0: Object
 PropertyId: "1"
 Xposition: "11"
 Yposition: "55"
__proto__:  Object

1: Object
 PropertyId: "2"
 Xposition: "651"
 Yposition: "48"
__proto__:  Object

[{"PropertyId":"1","Xposition":"11","Yposition":"55"},
{"PropertyId":"2","Xposition":"651","Yposition":"48"}]
console.log（jsonData）

0: Object
 PropertyId: "1"
 Xposition: "11"
 Yposition: "55"
__proto__:  Object

1: Object
 PropertyId: "2"
 Xposition: "651"
 Yposition: "48"
__proto__:  Object

[{"PropertyId":"1","Xposition":"11","Yposition":"55"},
{"PropertyId":"2","Xposition":"651","Yposition":"48"}]
控制器（选项1）：

$('#btnSave').click(function () {

       var arrPropIdPos = new Array();         

        $('.property').each(function () {
            var obj = {
                PropertyId : $(this).attr('PropertyId'),
                Xposition : $(this).attr('xPos'),
                Yposition : $(this).attr('yPos')

            };
            arrPropIdPos.push(obj);
        });

        var jsonData = JSON.stringify(arrPropIdPos);


       $.ajax({
           url: "/PropertyPosition/Insert/",
           type: 'POST',         
           data: jsonData,
           dataType: 'json',
           //...                
        },

[HttpPost]
public JsonResult Insert(string jsonData)
{
  // jsonData is null
}

  public class PropertyPositionInsert
    {
        public string PropertyId { get; set; }
        public string Xposition { get; set; }
        public string Yposition { get; set; }
    }

   public JsonResult Insert(List<PropertyPositionInsert> model)
    {
      // model is null
    }

  public class PropertyPositionInsert
    {
        public string PropertyId { get; set; }
        public string Xposition { get; set; }
        public string Yposition { get; set; }

    }
控制器（选项2）：

$('#btnSave').click(function () {

       var arrPropIdPos = new Array();         

        $('.property').each(function () {
            var obj = {
                PropertyId : $(this).attr('PropertyId'),
                Xposition : $(this).attr('xPos'),
                Yposition : $(this).attr('yPos')

            };
            arrPropIdPos.push(obj);
        });

        var jsonData = JSON.stringify(arrPropIdPos);


       $.ajax({
           url: "/PropertyPosition/Insert/",
           type: 'POST',         
           data: jsonData,
           dataType: 'json',
           //...                
        },

[HttpPost]
public JsonResult Insert(string jsonData)
{
  // jsonData is null
}

  public class PropertyPositionInsert
    {
        public string PropertyId { get; set; }
        public string Xposition { get; set; }
        public string Yposition { get; set; }
    }

   public JsonResult Insert(List<PropertyPositionInsert> model)
    {
      // model is null
    }

  public class PropertyPositionInsert
    {
        public string PropertyId { get; set; }
        public string Xposition { get; set; }
        public string Yposition { get; set; }

    }

公共类PropertyPositionSert
{
公共字符串PropertyId{get；set；}
公共字符串Xposition{get；set；}
公共字符串Yposition{get；set；}
}
公共JsonResult插入（列表模型）
{
//模型为空
}
尝试将数组包装到具有属性模型的对象中：

var jsonData = JSON.stringify({model: arrPropIdPos});
另外，请尝试将数据类型选项设置为“application/json”。

尝试将数组包装到具有属性模型的对象中：

var jsonData = JSON.stringify({model: arrPropIdPos});
另外，尝试将数据类型选项设置为“application/json”。

我以前遇到过这种情况，发现如果

traditional: true
在您的jQuery ajax调用中，它可以解决这个问题。

我以前遇到过这个问题，并且发现如果您设置

traditional: true

$('#btnSave').click(function () {

   var arrPropIdPos = new Array();         

    $('.property').each(function () {
        var obj = {
            PropertyId : $(this).attr('PropertyId'),
            Xposition : $(this).attr('xPos'),
            Yposition : $(this).attr('yPos')

        };
        arrPropIdPos.push(obj);
    });

    var jsonData = JSON.stringify(arrPropIdPos);


    $.ajax({
    beforeSend: function () {  
    },
    type: "POST",
   "async": true,
    url: "/PropertyPosition/Insert/",
    data: JSON.stringify(obj),
    dataType: "json",
    contentType: "application/json",
    success: function (data) {
    },
    error: function (xhr, textStatus, error) {

    },
    complete: function () {
              },

})
在jQueryAjax调用中，它可以解决这个问题

$('#btnSave').click(function () {

   var arrPropIdPos = new Array();         

    $('.property').each(function () {
        var obj = {
            PropertyId : $(this).attr('PropertyId'),
            Xposition : $(this).attr('xPos'),
            Yposition : $(this).attr('yPos')

        };
        arrPropIdPos.push(obj);
    });

    var jsonData = JSON.stringify(arrPropIdPos);


    $.ajax({
    beforeSend: function () {  
    },
    type: "POST",
   "async": true,
    url: "/PropertyPosition/Insert/",
    data: JSON.stringify(obj),
    dataType: "json",
    contentType: "application/json",
    success: function (data) {
    },
    error: function (xhr, textStatus, error) {

    },
    complete: function () {
              },

})
控制器： 创建一个类或模型

public class PropertyPositionInsert
{
    public string PropertyId { get; set; }
    public string Xposition { get; set; }
    public string Yposition { get; set; }
}
public IHttpActionResult JsonResult (PropertyPositionInsert obj)
{
 obj.PropertyId;
 obj.Xposition ;
 obj.Yposition; 
}
您可以检查上述obj中的值

 $('#btnSave').click(function () {

    var arrPropIdPos = new Array();

    $('.property').each(function () {

        var obj = {
             'PropertyId' : $(this).attr('PropertyId')
            ,'Xposition' : $(this).attr('xPos')
            ,'Yposition' : $(this).attr('yPos')

        };

        arrPropIdPos.push(obj);
    });    
    $.ajax({
            type: 'POST',
            contentType: "application/json",
            data: JSON.stringify(arrPropIdPos),
            url: "/PropertyPosition/Insert/"                                    
        });
控制器： 创建一个类或模型

public class PropertyPositionInsert
{
    public string PropertyId { get; set; }
    public string Xposition { get; set; }
    public string Yposition { get; set; }
}
public IHttpActionResult JsonResult (PropertyPositionInsert obj)
{
 obj.PropertyId;
 obj.Xposition ;
 obj.Yposition; 
}
您可以检查上述obj中的值

 $('#btnSave').click(function () {

    var arrPropIdPos = new Array();

    $('.property').each(function () {

        var obj = {
             'PropertyId' : $(this).attr('PropertyId')
            ,'Xposition' : $(this).attr('xPos')
            ,'Yposition' : $(this).attr('yPos')

        };

        arrPropIdPos.push(obj);
    });    
    $.ajax({
            type: 'POST',
            contentType: "application/json",
            data: JSON.stringify(arrPropIdPos),
            url: "/PropertyPosition/Insert/"                                    
        });
类别：

$('#btnSave').click(function () {

       var arrPropIdPos = new Array();         

        $('.property').each(function () {
            var obj = {
                PropertyId : $(this).attr('PropertyId'),
                Xposition : $(this).attr('xPos'),
                Yposition : $(this).attr('yPos')

            };
            arrPropIdPos.push(obj);
        });

        var jsonData = JSON.stringify(arrPropIdPos);


       $.ajax({
           url: "/PropertyPosition/Insert/",
           type: 'POST',         
           data: jsonData,
           dataType: 'json',
           //...                
        },

[HttpPost]
public JsonResult Insert(string jsonData)
{
  // jsonData is null
}

  public class PropertyPositionInsert
    {
        public string PropertyId { get; set; }
        public string Xposition { get; set; }
        public string Yposition { get; set; }
    }

   public JsonResult Insert(List<PropertyPositionInsert> model)
    {
      // model is null
    }

  public class PropertyPositionInsert
    {
        public string PropertyId { get; set; }
        public string Xposition { get; set; }
        public string Yposition { get; set; }

    }
控制器：

 public JsonResult Insert(PropertyPositionInsert[] model)
    {
    }
类别：

$('#btnSave').click(function () {

       var arrPropIdPos = new Array();         

        $('.property').each(function () {
            var obj = {
                PropertyId : $(this).attr('PropertyId'),
                Xposition : $(this).attr('xPos'),
                Yposition : $(this).attr('yPos')

            };
            arrPropIdPos.push(obj);
        });

        var jsonData = JSON.stringify(arrPropIdPos);


       $.ajax({
           url: "/PropertyPosition/Insert/",
           type: 'POST',         
           data: jsonData,
           dataType: 'json',
           //...                
        },

[HttpPost]
public JsonResult Insert(string jsonData)
{
  // jsonData is null
}

  public class PropertyPositionInsert
    {
        public string PropertyId { get; set; }
        public string Xposition { get; set; }
        public string Yposition { get; set; }
    }

   public JsonResult Insert(List<PropertyPositionInsert> model)
    {
      // model is null
    }

  public class PropertyPositionInsert
    {
        public string PropertyId { get; set; }
        public string Xposition { get; set; }
        public string Yposition { get; set; }

    }
控制器：

 public JsonResult Insert(PropertyPositionInsert[] model)
    {
    }
它与数组一起工作。但我的数组是一个对象列表。它与数组一起工作。但我的数组是一个对象列表。