在 MVC4 上每 2 秒重新加载一次视图页面而不刷新页面

Question

我在 MVC 中有一个页面，我想每 2 秒自动重新加载一次而不进行刷新，我看过示例使用 Ajax 但所有引用都使用按钮或 POST-GET 事件。我只想让它重新加载而不刷新，我该怎么做才能执行该功能？谢谢

这是我的看法

@model MVC_PCMonitoring_Dash.Models.TablesPCModels

@{
    ViewBag.Title = "Home Page";
}

<!doctype html>
<html lang="en">
  <head>
    <title>Dashboard</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    
        <link rel="stylesheet" href="~/Content/css/style.css">
  </head>
  <body>
        
        <div class="wrapper d-flex align-items-stretch">
            <nav id="sidebar">
                <div class="custom-menu">

        </div>
            <div class="img bg-wrap text-center py-4" style="background-color: #A40033;">
                <div class="user-logo">
                      <div class="img" style="background-image: url(Images/logo.jpg)"></div>
                    <h3>TOTAL PC</h3>
                </div>
            </div>
        <ul class="list-unstyled components mb-5">
          <li class="active">
            <a href="/Home"> Home</a>
          </li>
          <li>
              <a href="/Monitor_BA"> PC 1</a>
          </li>
          <li>
            <a href="/Monitor_BB"> PC 2</a>
          </li>
          <li>
            <a href="#">Exit</a>
          </li>
        </ul>

        </nav>

        <!-- Page Content  -->
      <div id="content" class="p-4 p-md-5 pt-5">
          <p align="right">@DateTime.Now</p>
          <center>
            <img src="~/Images/welcome.png" alt="centered image" />
          </center>
      </div>
      </div>
    <script src="js/jquery.min.js"></script>
    <script src="js/popper.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/main.js"></script>
  </body>
</html>

Answer 1

在这种情况下，您应该使用计时器和 ajax。

setInterval(function(){ --ajax call to refresh---},2000)  //2000 means 2 min

在 MVC4 上每 2 秒重新加载一次视图页面而不刷新页面

Reloading view page each 2 seconds without refresh page on MVC4

visual-studio

asp.net-mvc-4

model-view-controller

asp.net-ajax