15. 제이쿼리를 사용해 게시판의 최근 댓글 리스트를 출력시켜 주는 부분 뷰를 만들어 보자. Views 폴더의 DotNetNote 폴더에 _RecentlyNoteCommentList.cshtml이라는 이름으로 뷰 페이지를 생성하고, 다음과 같이 코드를 작성한다.
▼ /Views/DotNetNote/_RecentlyNoteCommentList.cshtml
<div id=“divRecentlyCommentList”></div>
<script>
$(function () {
var API_URL = ”/api/NoteCommentService”;
$.getJSON(API_URL, function (data) {
var noteCommentList = ””;
$.each(data, function (index, entry) {
noteCommentList += ‘<div class=“post_item”>‘ +
‘<div class=“post_item_text”>‘ +
‘<span class=“post_date” ‘ +
‘style=“display:inline-block;width:70px;”>‘
+ moment(entry.postDate).fromNow() + ’ </span>‘ +
‘<span class=“post_title”>‘ +
‘<a href=“/DotNetNote/Details/’
+ entry.boardId + ’”>‘ +
entry.opinion.substring(0, 31)
+ ‘</a>‘ +
‘</span>‘ +
‘</div>‘ +
‘</div>‘
});
noteCommentList += ””;
$(”#divRecentlyCommentList”).html(noteCommentList);
});
});
</script>