MVC에서 JQuery를 사용하여 개체의 값 목록 중에서 값을 선택하는 방법

Question

안녕하세요,보기에 값 목록을 표시하고 싶습니다. 아약스 게시 기능을 사용하고 컨트롤러에서 값을 전달할 수 있어요.

해당 값에 액세스하려고 시도했지만 표시되지 않습니다.

public IEnumerable<LoanStatusHistory> LoanHistory { get; set; } 

내 컨트롤러 :

public ActionResult ChangeTimeZone(int id, int loanId) 
     { 
      LoanInfoResultModel model = new LoanInfoResultModel(); 
      LoanIdentifier loanIdentifier = new LoanIdentifier(1, loanId); 
      model.LoanHistory = LoanTrackerServices.GetLoanStatusHistory(loanIdentifier);   
      return Json(model.LoanHistory.ToList(), JsonRequestBehavior.AllowGet); 
     } 

것은 여기 내보기

$.getJSON('@Url.Action("ChangeTimeZone", "RegistrationPage")', { "id": a, "loanId":'@Model.LoanId.LoanId' }, 
       function (data) { 
        alert("HI"); 
        console.log(data); 
        for (var i in data) { 
         //alert(this.data.LoanActivityDate); 
         alert(data[i]); 
        } 
        //$.each(data, function() { 
        // //alert(data[0].LoanActivityDate); 
        // alert(data["LoanActivityDate"]); 
        //}); 
}); 

내가 데이터의 값을 얻을 수 없습니다입니다

여기 내 모델입니다. 누구든지이 일에서 나를 도울 수 있습니까? 개체가 컬렉션으로 사용하는 경우

Answer 1

이 콜백은 키 - 값 쌍마다 통과, 그래서 코드 아래에 시도한다 :

$.getJSON('@Url.Action("ChangeTimeZone", "RegistrationPage")', { "id": a, "loanId": '@Model.LoanId.LoanId' }, 
    function (data) { 
     $.each(data, function (key, item) { 
     var sDate = ConvertJsonDateString(item.LoanActivityDate); 
     var str = '<li>' + sDate + '</li>'; 
     $("#contents").append(str); 
    }); 
}); 

업데이트 당신은 JSON 형식으로 날짜가 다음을 수행해야 짧은 날짜로 숨기고, 아래의 기능을 사용하십시오.

function ConvertJsonDateString(jsonDate) { 
     var shortDate = null; 
     if (jsonDate) { 
      var regex = /-?\d+/; 
      var matches = regex.exec(jsonDate); 
      var dt = new Date(parseInt(matches[0])); 
      var month = dt.getMonth() + 1; 
      var monthString = month > 9 ? month : '0' + month; 
      var day = dt.getDate(); 
      var dayString = day > 9 ? day : '0' + day; 
      var year = dt.getFullYear(); 
      shortDate = monthString + '/' + dayString + '/' + year; 
     } 
     return shortDate; 
    }; 

예 :

<script> 
    var jsonDate = '/Date(1375987087000)/'; 
    var date = ConvertJsonDateString(jsonDate); 
    alert(date) // the result will be 08/08/2013 
</script>