더북(TheBook)

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>

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.