Question

我正在使用Asp.Net MVC和SQL服务器。我想用数据库中的新数据更新HTML内容，而无需重新加载页面。最好的方法是什么？

@foreach (var item in Model) {

    <div class="student">
        <div>           
            <label>
                @item.Name @item.LastName
            </label> 
            <br/>           
            <span>@item.School  @item.Course</span>
            ....
            <br />            
            <hr />
        </div>
    </div>
}

Answer 1

“什么是最好的方式......？”在我看来，我会给你最好的方式（不一定是最简单的方法，但也不是太难）

我建议使用 ReactJS 。 React是一个用于构建用户界面的JavaScript库。反应的主要规则是以最有效的方式管理页面的渲染过程，作为对用户交互的响应或作为对来自服务器的新传入数据的响应（通常通过 AJAX 请求）。 / p>

什么是 AJAX ？这是一种从服务器检索数据而无需刷新页面的方法。 AJAAX使用浏览器的内置XMLHttpRequest对象来发出这些请求，并且通过使用JavaScript，它可以导致HTML DOM中的更改（这里适应），而无需刷新页面，但只是重新呈现必要的部分

如果您还意味着页面应该重新呈现为对服务器上的更改的响应：当服务器需要向客户端发起请求时（例如：当服务器需要通知页面数据有改变），你需要它是一个工具，使你能够“推送通知”的能力。我建议你试试SignalR（https://github.com/SignalR/SignalR）。

Answer 2

如果您想根据某些事件更新页面内容，例如用户点击按钮，键入一些文本，那么您正在寻找的是＃34; Ajax＆＃34;。谷歌，你会发现很多信息，解释它是什么以及如何使用它。

但是，如果您正在构建实时消息应用程序之类的实时应用程序，则可以搜索SignalR，它是ASP.NET的库

自动更新HTML DOM的最佳方式（而不是重新加载页面以读取数据库）

2 个答案: