在视图中的函数完成时重新加载局部视图?

时间:2016-02-26 06:59:28

标签: javascript c# jquery asp.net-mvc-4

我已经制作了一个滚动滚动条来跟踪他们进入数据库时​​的实时统计数据,它在自己的局部视图中,但我想知道当滚动功能完成时是否可以使用新信息刷新div部分视图,以便及时显示新数据,而无需重新加载整个页面。

我简单地称之为:

 @Html.Partial("Ticker", Model)

其中Model是视图中使用的数据。

自动收报机的示例: http://www.smoothdivscroll.com/runningTicker.html

1 个答案:

答案 0 :(得分:1)

实施Ticker操作:

    public PartialViewResult Ticker(int param) {
        TickerModel model = new TickerModel();
        // TODO: fill the model 
        return PartialView(model);
    }

然后从JavaScript函数调用它:

function reload() {
   $.ajax({
            url: '@Url.Action("Ticker")',
            data: { param: .... },
            success: function (data) {
                $("#TickerDiv").html(data);
            }
        });
}

而不是

@Html.Partial("Ticker", Model) 

使用

<div id="TickerDiv">
    @Html.Action("Ticker", new { param = .... })
</div>