jQuery AJAX를 사용하여 ASP .NET MVC 컨트롤러에 여러 변수 게시

Question

AJAX를 통해 두 항목을 POST 할 컨트롤러가 있습니다. 복잡한 개체 (내 전체 viewmodel)와 정수 (특정 ID 열). 이 특정 프로젝트는 VB .Net에 있지만 누군가 C#에서 대답 할 수 있다면 괜찮을 것입니다. (두 언어 모두 상당히 잘 알고 있습니다). 두 언어 모두 작동합니다.

컨트롤러에 viewmodel을 아무 문제없이 POST 할 수 있습니다. 정수를 포함 시키려고하면 컨트롤러는 더 이상 요청을 라우트 할 수 없습니다. 나는 그것이 내가 POST하는 데이터를 어떻게 포맷하는지에 관한 문제 일지는 모르겠지만, 내가해야 할 일을 정확히 파악할 수는 없었다.

$.ajax({ 
     type: "POST", 
     url: '@Url.Action("UpdateFromDate")', 
     data: { viewModel : model, estimateId : 3 } 
     contentType: "application/json; charset=utf-8", 
     dataType: "json", 
     async: false, 
     cache: false, 
     success: function (msg) { 
      //alert(JSON.stringify(msg)); 
      return true; 
     }, 
     error: function (XMLHttpRequest, textStatus, errorThrown) { 
      //alert(errorThrown); 
      return false; 
     } 
     }); 

가 어떻게 내 뷰 모델과 정수 (3에 하드 코딩 게시 할 수 있습니다 : 같은

이

<HttpPost> 
Public Function UpdateFromDate(viewModel As RetirementBenefitEstimateViewModel, estimateId) As ActionResult 
    If viewModel IsNot Nothing AndAlso viewModel.Estimate IsNot Nothing AndAlso viewModel.Estimate.RetirementBenefitsEstimates IsNot Nothing Then 

     For Each item In viewModel.Estimate.RetirementBenefitsEstimates.Where(Function(est) est.EstimateId = estimateId) 
     ' this is where I update the affected row 
     item.UpdateFromDate(viewModel.DateOfBirth, viewModel.EmploymentStartDate, viewModel.PersonId) 
     Next item 
    End If 

    ' Get the previous ViewModel from session 
    PerformSessionAction(Of RetirementBenefitEstimateViewModel)(SessionConstants.RetirementEstimate, currentEstimate, SessionAction.GetVar) 
    ' update it's .Estimate property 
    currentEstimate.Estimate = viewModel.Estimate 
    ' save the updated ViewModel to session 
    PerformSessionAction(Of RetirementBenefitEstimateViewModel)(SessionConstants.RetirementEstimate, currentEstimate, SessionAction.SetVar) 
    ' finished! 
    Return New HttpStatusCodeResult(HttpStatusCode.OK) 
End Function 

내보기에 JQuery와 AJAX 호출이 같습니다처럼

내 컨트롤러 액션 보인다 이 예)?

Answer 1

스코티의 게시물 바른 길에 저를 얻었다. 나는 그것을 답으로 표시하고 싶은 유혹에 빠졌지 만, 하나의 작은 문제가있었습니다. 정수는 POST가 올바르게 표시되지만 viewmodel은 컨트롤러에서 null로 표시되기 시작합니다. 이 문제를 해결하는 데 필요한 모든 것이 간단한 JSON.parse 호출이었습니다. 당신은 DOM에서 제시하는 모델의 값을 필요

var params = { 
    viewModel: JSON.parse(model), 
    estimateId: 3 
}; 

$.ajax({ 
    url: '@Url.Action("UpdateFromDate")', 
    type: "POST", 
    dataType: 'json', 
    data: JSON.stringify(params), 
    async: false, 
    cache: false, 
    traditional: true, 
    contentType: 'application/json', 
    success: function (msg) { 
     //alert(JSON.stringify(msg)); 
     return true; 
    }, 
    error: function (XMLHttpRequest, textStatus, errorThrown) { 
     //alert(errorThrown); 
     return false; 
    } 
    }); 

Answer 2

이 시도 :

var params = { 
    viewModel: model, 
    estimateId: 3 
}; 

$.ajax({ 
    url: '@Url.Action("UpdateFromDate")', 
    type: "POST", 
    dataType: 'json', 
    data: JSON.stringify(params), 
    async: false, 
    cache: false, 
    traditional: true, 
    contentType: 'application/json', 
    success: function (msg) { 
     //alert(JSON.stringify(msg)); 
     return true; 
    }, 
    error: function (XMLHttpRequest, textStatus, errorThrown) { 
     //alert(errorThrown); 
     return false; 
    } 
    });