當我cal ajax我的整個內容加載在該div

Question

這是我的腳本代碼，通過我的數據發送到我的控制器上的ajax cal所有的東西都工作正常，但問題是我的整個內容進來，該div我也想使滾動條是在去年同時呼籲需要好的建議

<script type="text/javascript"> 
     $(function() { 
      $("#my-form").on("submit", function (e) { 
       e.preventDefault(); 

       $.ajax({ 
        url:this.action, 
        type:this.method, 
        data:$(this).serialize(), 
        success:function(data){ 
         $("#result").html(data); 
        } 
       }); 
      }); 
     }); 
    </script> 

，這是我對我申請的聊天軟件，我也想上曾經10ms的我的網頁在reciever結束消息自動刷新可以理解爲實際查看代碼儘快

<div class="col-md-7"> 
    <section class="panel"> 
     <header class="panel-heading"> 
      Chat <span class="tools pull-right"> 
       <a href="javascript:;" class="fa fa-chevron-down"></a> 
       <a href="javascript:;" class="fa fa-cog"></a> 
       @*<a href="~/Views/Chat/Create.cshtml">~/Views/Chat/Create.cshtml</a>*@ 
       <a href="javascript:;" class="fa fa-times"></a> 
      </span> 
     </header> 
     @using (Html.BeginForm("AllMessages","Chat",FormMethod.Post,new {id="my-form" })) 
     { 
      <div class="panel-body" id="result"> 
       <div class="chat-conversation1" > 
        <div class="slimScrollDiv" > 
         <ul class="conversation-list" > 
          @for (int i = 0; i < msg.Count(); i++) 
          { 
           if (msg[i].sender_id == ViewBag.Reciever_id) 
           { 
            <li class="clearfix"> 

             <div class="chat-avatar"> 
              <img src="@Url.Content("~/Content/images/" + System.IO.Path.GetFileName(ViewBag.RecieverImage))" alt="" height="50" width="40" class="img-rounded" /> 
              <i>@Html.Label(msg[i].datetime.ToString())</i> @*time from db*@ 
             </div> 
             <div class="conversation-text"> 
              <div class="ctext-wrap"> 
               <i> @ViewBag.RecieverName</i> 
               <p> 
                @Html.Label(msg[i].messages) 
                </p> 
               </div> 
              </div> 

             </li> 
            } 
            else if (msg[i].sender_id == ViewBag.SenderId) 
            { 

             <li class="clearfix odd" style="margin-left:10px;"> 
              <div class="chat-avatar"> 
               <img src="@Url.Content("~/Content/images/" + System.IO.Path.GetFileName(ViewBag.SenderImage))" alt="" height="50" width="40" class="img-rounded" /> 
               <i>@Html.Label(msg[i].datetime.ToString())</i> 
              </div> 
              <div class="conversation-text"> 
               <div class="ctext-wrap"> 
                <i> @ViewBag.SenderName</i> 
                <p> 
                 @Html.Label(msg[i].messages) 
                </p> 
               </div> 
              </div> 

             </li> 
            } 
           } 
          </ul> 



         </div> 
         <div class="row chatSendBox"> 
          <div class="col-xs-10 "> 
           @Html.HiddenFor(model => model.reciever_id, new { @Value= ViewBag.Reciever_id }) 
           @Html.HiddenFor(model => model.datetime, new { @Value = DateTime.Now }) 
           @Html.EditorFor(model => model.messages, new { htmlAttributes = new { @class = "form-control", @placeholder = "Enter To Chat..." } }) 
          </div> 
          <div class="col-xs-2 chat-send"> 
           <input type="submit" value="Send" class="form-control btn btn-info" /> 
          </div> 
         </div> 
        </div> 
       </div> 
      } 
     </section> 
    </div> 

This is my actual pagewhen i send message it looks like this

Answer 1

那麼，你沒有發佈我們實際需要的一件事情：你的控制器行爲。但是，我的猜測是你在那裏返回View。您需要返回PartialView。如果局部視圖用作局部視圖，則局部視圖只是局部視圖。