加載數據後，點擊該按鈕後，無需重新加載頁面asp.net mvc

按鈕後點擊按鈕我需要加載所有評論後點擊按鈕「所有評論」沒有重載頁面。我有「新聞」頁面的評論，加載頁面後我們可以看到文字新聞下面有一條評論。所有數據位於表格行中。我有兩排。一行有按鈕「所有評論」，第二行有評論文本框和「添加新評論」按鈕。我需要點擊按鈕「所有評論」後加載所有列表評論（數據動態加載行）沒有重新加載頁面。而且我需要在點擊「添加新評論」按鈕後在數據庫中添加評論，而無需重新加載頁面。我不知道該怎麼做。加載數據後，點擊該按鈕後，無需重新加載頁面asp.net mvc

我已經相結合的模式：

using System.Collections.Generic; 

namespace NarkomApp.Models 

{ 
    public class News_CommentsModel 
    { 
     public NEWS newsModel { get; set; } 
    public List<COMMENTS> commentsModel { get; set; } 

    public List<NEWS> recomendNewsModel { get; set; } 
    public List<NEWS> waterShutOffModel { get; set; } 
    } 
}

代碼視圖：

<tr class="trDiscussion"> 

        <td colspan="2"> 
         <div class="gray"></div> 
         <div class="interesting"> 
          <p>Обсуждение</p> 
         </div> 
        </td> 

       </tr> 

       <tr class="trComments"> 

        <td width="100%" height="auto" colspan="2"> 
         <div class="comments"> 

          @{ 
           if (Model.commentsModel.Count != 0) 
           { 
            for (int i = 0; i < Model.commentsModel.Count; i++) 
            { 
             <p>@Model.commentsModel[i].sUserName</p> 
             <p><a class="date-comment">@Model.commentsModel[i].vDateTime</a></p> 
             <p class="text-comment">@Model.commentsModel[i].vComment</p> 
            } 

           } 
           else 
           { 
            <p>Комментариев нет</p> 
           } 
          } 


         </div> 
        </td> 

       </tr> 

       <tr class="trButtonShowAllComments"> 

        <td colspan="2" height="50px"> 
         <div> 
          <a class="comm" role="button" href="#">Все комментарии</a> 
         </div> 
        </td> 

       </tr> 

       <tr class="trAddNewComment"> 

        <td width="100%" height="auto" colspan="2"> 
         @{ 
          if (Session["iIdUsers"] == null) 
          { 
           <div class="new-comment"> 
            Вы не авторизированы, для того, чтобы оставлять коментарии войдите под своим аккаунтом: @Html.ActionLink("Войти", "LogIn", "Home")           
           </div> 
          } 
          else 
          { 
           <div class="new-comment"> 
            <p>Новый комментарий:</p> 
           </div> 
           <textarea class="message" size="40" name="search" placeholder=""></textarea> 
           <div> 
            <a class="send" role="button" href="#">Отправить</a> 
           </div> 
          } 
         } 
        </td>

來源

2017-07-08 Zicise