데이터 전달

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 아약스 옵션을 설정해야합니다 (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(...);와 아약스 성공 콜백,

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