は、私は、コントローラへのオブジェクトのリストを渡すには、いくつかの方法をしようとしていたが、 コントローラは常に私のコードです。ここ<code>null</code></p> <p>を受けてC＃のコントローラへ

Question

をJavaScriptからオブジェクトの配列を送ります

$('#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', 
      //...     
     }, 

console.log（arrPropIdPos）;

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

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

にconsole.log（jsonData）。

[{"PropertyId":"1","Xposition":"11","Yposition":"55"}, 
{"PropertyId":"2","Xposition":"651","Yposition":"48"}] 

コントローラ（オプション1）：

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

コントローラ（オプション2）：

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 
    } 

Answer 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); 
    });  
    $.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 JsonResult Insert(PropertyPositionInsert[] model) 
    { 
    } 

Answer 2

プロパティモデルとオブジェクトにあなたの配列を包むようにしてください：

var jsonData = JSON.stringify({model: arrPropIdPos}); 

また、dataTypeオプションを 'application/json'に設定しようとしました。

Answer 3

は、私が過去にこれに遭遇していると、あなたのjQueryのAJAX呼び出しに

traditional: true 

を設定した場合、それは問題を修正shjouldことを見出しました。

Answer 4

$('#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() { 
       }, 

}) 

コントローラー： あなたはobjを上記の値を確認することができます

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; 
} 

クラスやモデルを作成します