在每个特定时间间隔更新值并在.cshtml中显示

Question

我正在为我的aspnet应用程序使用visual宁静模板。例如，我想要做的是在控制器中每1秒生成随机值，并将其传递给cshtml页面<div>。请帮助我如何在每1秒刷新我的页面。

   [RoutePrefix("Dashboard"), Route("{action=index}")]
public class DashboardController : Controller
{
    [Authorize, HttpGet, Route("~/")]
    public ActionResult Index()
    {

        return View();
    }

​

model Serene2.Common.DashboardPageModel
@{
    ViewData["Title"] = "Dashboard";
    ViewData["PageId"] = "Dashboard";
}

@section Head {
    <link rel="stylesheet" href="~/Content/iCheck/flat/blue.css">
    <link rel="stylesheet" href="~/Scripts/morris/morris.css">
    <link rel="stylesheet" href="~/Scripts/jvectormap/jquery-jvectormap-1.2.2.css">
    <link rel="stylesheet" href="~/Scripts/datepicker/datepicker3.css">
    <link rel="stylesheet" href="~/Scripts/daterangepicker/daterangepicker-bs3.css">
    <link rel="stylesheet" href="~/Scripts/bootstrap-wysihtml5/bootstrap3-wysihtml5.min.css">
    <script src="~/Scripts/raphael/raphael-min.js"></script>
    <script src="~/Scripts/morris/morris.min.js"></script>
    <script src="~/Scripts/sparkline/jquery.sparkline.min.js"></script>
    <script src="~/Scripts/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
    <script src="~/Scripts/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
    <script src="~/Scripts/knob/jquery.knob.js"></script>
    <script src="~/Scripts/daterangepicker/moment.min.js"></script>
    <script src="~/Scripts/daterangepicker/daterangepicker.js"></script>
    <script src="~/Scripts/datepicker/bootstrap-datepicker.js"></script>
    <script src="~/Scripts/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
    <script src="~/Scripts/adminlte/pages/dashboard.js"></script>
    <script src="~/Scripts/adminlte/demo.js"></script>
}

@section ContentHeader {
    <h1>@LocalText.Get("Navigation.Dashboard")<small>@Html.Raw(Texts.Site.Dashboard.ContentDescription)</small></h1>
}
<div class="inner">
                    <p>My Random Value From Controller</p>
                </div>

​

Answer 1

使用ajax，您可以很容易地实现这一点，主要问题是这种方法会导致无限递归循环，所以使用care.Anyway处理代码应该如下所示

1.在cshtml中

<p id="pValue"></p>

2.在脚本中

var someRootPath = "@Url.Content("~")";
 (function randomGenerator() {
    $.ajax({
        url: someRootPath + 'Dashboard/GetRandomValue',
        success: function (data) {
            $('#pValue').html(data.someValue);
        },
        complete: function () {
            setTimeout(randomGenerator, 1000);
        }
    });
})();

最后

3.控制器

    [HttpGet]
    public JsonResult GetRandomValue()
    {
        return Json(new { someValue = Guid.NewGuid().ToString() }, JsonRequestBehavior.AllowGet);
    }

希望这将有助于根据您目前的情况。