如何自动刷新正在从模型中获取数据的html div -mvc

我在我的html页面上有一个<div>，该页面上充满了从页面模型中获取其内容的html助手。如何自动刷新正在从模型中获取数据的html div -mvc

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

我想刷新该div每5秒获得更新从控制器信息... - 有没有办法做到这一点，而不必刷新整个页面每5秒更新的型号？

来源

2017-03-02 Anonymous

我会做一起创建为局部线的东西，然后创建一个动作来服务于局部，然后做一个AJAX调用的行动 – Pete

好的，谢谢。你说我应该把这个div作为一个部分 - 到底如何？我将在控制器中执行的操作，但是如何用ajax调用它？ - 我不是很熟悉ajax – Anonymous

我用这个第二个答案：http://stackoverflow.com/questions/7430976/rendering-partial-views-using-ajax – Pete

你必须刷新你的DIV HTML与Ajax调用

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

来源

2017-03-02 21:58:15

如何自动刷新正在从模型中获取数据的html div -mvc

回答

相关问题