Javascript 当我调用ajax时，我的全部内容都加载到该div中

这是我的脚本代码，通过它我可以在ajax cal上将数据发送到我的控制器所有的事情都正常工作，但问题是我的全部内容都在那个div中，我还希望在调用时启用scrollbar，同时需要好的建议

 <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>

$（函数（）{
$（“#我的表格”）。关于（“提交”，功能（e）{
e、 预防默认值（）；
$.ajax({
url:this.action，
类型：this.method，
数据：$（this）.serialize（），
成功：功能（数据）{
$（“#结果”）.html（数据）；
}
});
});
});

这是我的实际查看代码，我在上面应用了聊天应用程序。我还希望在每10毫秒的时间里，我的页面在接收端自动刷新，消息可以尽快被读取

<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>

聊天
@**@
@使用（Html.BeginForm（“AllMessages”、“Chat”、FormMethod.Post、new{id=“my form”}））
{

@对于（int i=0；i
@Html.Label（msg[i].datetime.ToString（））@*time from db*@
@ViewBag.receiverName

@Html.Label（msg[i].messages）


}
else if（msg[i].sender\u id==ViewBag.SenderId）
{

@Html.Label（msg[i].datetime.ToString（））
@ViewBag.SenderName

@Html.Label（msg[i].messages）


}
}

@Html.HiddenFor（model=>model.receiver\u id，new{@Value=ViewBag.receiver\u id}）
@Html.HiddenFor（model=>model.datetime，new{@Value=datetime.Now}）
@EditorFor（model=>model.messages，new{htmlAttributes=new{@class=“form control”，@placeholder=“Enter To Chat…”}）
}

---

好吧，你没有发布我们真正需要的东西：你的控制器动作。但是，我猜您正在返回那里的

View

。您需要返回

PartialView

。如果用作局部视图，则局部视图仅为局部视图。

可能是WebSocket更好的选择。是的，我正在使用视图，我不知道如何使用局部视图隐式替换

返回视图（someMode）返回PartialView（someModel）的code>