使用JQuery自动刷新部分视图

时间:2016-09-14 09:13:09

标签: jquery asp.net-mvc partial-views

我有一个部分视图,我正在使用:

<div class="row">
    <div class="col-xs-12">
        @Html.Action("NewFaults", "Fault")
    </div>
</div>

这最终会加载一个名为_NewFaults.cshtml的局部视图,我想每10秒刷新一次(例如)以定期显示任何新的故障。我一直在网上寻找如何做到这一点虽然,但我发现的所有例子都非常具体,并且如何调整它们并不明显。

有人可以帮助我吗?

2 个答案:

答案 0 :(得分:2)

根据评论,使用javascript计时器

var timer = setInterval(YourFunction, 10000);

其中YourFunction对您的控制器进行AJAX调用以获取局部视图。

$.ajax({
    url: "@Url.Action("Action","Controller")",
    type: 'POST',
    dataType: 'html',        
    cache: false,
    success: function (html) {
        //show it on page
    }
});

这样的方法

public PartialView Action()
{
    return PartialView();
}

答案 1 :(得分:0)

使用setInterval()功能。

 function myFunction() {
     setInterval(function(){ window.location.href='redirectURL.php' }, 10000); //Referesh particular page
//OR       
     setInterval(function(){ window.location.reload() }, 10000); //Referesh curent page    
    }

http://www.w3schools.com/jsref/met_win_setinterval.asp