渡すデータ

Question

シナリオ：

コントローラにサブオブジェクトのリストを含むオブジェクトを渡す必要があります。

問題：

私は、オブジェクトの値ではなく、オブジェクト内のサブオブジェクトのリストの値を取得することができますよ。

コード：

index.cshtml

function sendData() { 
    var student = { 
     Id: 1, 
     Name: "xxx", 
     Marks: [{ 
      Subject: "Maths", 
      Mark:80 
     }, 
     { 
      Subject: "Science", 
      Mark: 75 
     }] 
    } 
    $.ajax({ 
     url: '@Url.Action("Receive", "Home")', 
     data: student, 
     success: function (data) { 
      alert("done"); 
     }, 
     error: function (error) { 
      alert('error For details refer console log'); 
      console.log(error); 
     } 
    }); 
} 

HomeController.cs

public ActionResult Receive(Student student) 
    { 
     ViewBag.Message = "Your contact page."; 
     return View(); 
    } 

Student.cs

public class Student 
{ 
    public int Id { get; set; } 
    public string Name { get; set; } 
    public List<Marks> Marks { get; set; } 
} 
public class Marks 
{ 
    public string Subject { get; set; } 
    public decimal Mark { get; set; } 
} 

スクリーンショット：

クロームデバッガは、すべてのデータが設定されたことを示します。

が、コントローラに、私は任意の助けをいただければ幸いですマークス

の値を取得していませんよ。ありがとうございました。

Answer 1

データを文字列化し、contentTypeとtype ajaxオプションを設定する必要があります（POSTが必要であることに注意してください。そうでなければ、ドット表記の完全修飾プロパティ名を使用してデータを生成する必要があります。その既存のAjaxコードを変更せずに動作します。その場合には例{ Id: 1, .... , 'Marks[0].Subject': 'Maths', 'Marks[0].Mark': 80, ... }、）あなたの方法は、ビューを返していますが、そのビューで何もしていない

var student = { 
    .... 
}; 

$.ajax({ 
    url: '@Url.Action("Receive", "Home")', 
    data: JSON.stringify({ student: student }, // stringify 
    type: 'POST', // add 
    contentType: "application/json; charset=utf-8", //add 
    success: function (data) { 
     alert("done"); 
    }, 
    .... 
}); 

注意。そのビューでDOMを更新する場合は、メソッドはreturn PartialView(...);で、ajax成功コールバックでは

success: function (data) { 
    $(someElement).html(data); 
},