使用 JQuery 自动刷新局部视图

Question

我有一个正在加载的部分视图：

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

这最终加载了一个名为 _NewFaults.cshtml 的部分视图，我想每 10 秒刷新一次（例如）以定期显示出现的任何新故障。我一直在网上寻找如何做到这一点有一段时间了，但是我找到的所有示例都非常针对他们的示例，并且如何调整它们并不明显。

有人可以帮助我吗？

Answer 1

根据评论，使用 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();
}

Answer 2

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