asp.net mvc Stackoverflow에 사용되는 "덧글 추가"기능을 어떻게 구현합니까?

Question

mvc 3 면도날 (EF4)을 사용하여 Stackoverflow에서 덧글 추가 기능을 어떻게 다시 만들 수 있습니까? 나는 아약스/JQuery와 통해 추가/편집의 의견에 대해 어떻게 가야합니까

<div>add comment</div> 

<ul id="comments">           
@foreach (var comment in Model) {       
    <li>@comment</li>          
}               
</ul>              

<form method="post" id="commentForm"       
     action="@Url.Action("AddComment")">     

    @Html.TextArea("Comment", new { rows = 5, cols = 50 }) 
    <br /> 
    <input type="submit" value="Add Comment" /> 
</form> 

:

여기 모형 코드입니까? 부분보기 여야합니까?

Answer 1

StackOverflow가 어떻게 작동하는지 모르겠습니다 만 동일한 것을 달성하는 데는 몇 가지 방법이 있습니다.

일반적으로 양식 게시를 가로 채고 ajax를 사용하여 데이터를 게시하려면 일부 jQuery를 페이지에 작성하십시오.

1. 웹 API에 게시하거나 JSON을 반환하는 작업 만 게시 할 수 있습니다. 서버에서 사용중인 모든 데이터 저장소에 주석을 추가하고 성공 결과 또는 저장된 주석의 세부 사항 (사용자까지)으로 응답하십시오. 완료되면 jQuery를 사용하여 클라이언트 측에서 새 항목을 렌더링하십시오. 귀하의 경우에는 주석이있는 새 li를 추가하십시오. 또는

2. 부분보기를 반환하는 작업에 게시 할 수 있습니다. 주석을 저장하고 컬렉션을 업데이트 한 다음 부분 뷰를 렌더링합니다. jQuery에서 전체 주석 섹션을 새 컨텐츠로 바꿀 수 있습니다.

매우 광범위한 질문이며이를 수행하는 다른 많은 방법이 있습니다. 당신은 SignalR과 같은 것을 사용하여 새로운 코멘트를 서버에서 푸시 (실시간으로 만들기 위해) 할 수 있고, Knockout JS와 같은 JS 템플릿 프레임 워크를 사용할 수 있으므로 템플릿과 객체 배열 만 처리 할 수 ​​있습니다.