如何在HTML中自动刷新DIV，该div从模型-MVC中获取数据

Question

我在我的HTML页面上有一个<div>，其中填充了HTML帮助者，这些帮助者正在从页面的模型中获取其内容。

<div id="ChatArea">
@Html.DisplayFor(a => Model.ChatReferenceTime) <br />
@Html.DisplayFor(a => Model.ChatReferenceContent)
...
</div>

我想每5秒刷新一次这个Div，以从控制器中获取更新信息...-有没有办法在不使用更新的模型的情况下每5秒刷新整个页面？

Answer 1

您必须使用AJAX调用

刷新Div html

<script>
//Call the getData() function every 1000 millisecond
setInterval("getData()",1000);
function getData(){
$.ajax({
type: "Get",
dataType: "json",
url:'Home/GetChatData',//Your action link
contentType:"application/json;charset=utf-8",
success: function(data) {
    $("#ChatArea").html('<span>'+data.ChatReferenceTime+ '</span><br/><span>'+data.ChatReferenceContent+'</span>');
}
});
}
</script>