如何自動刷新正在從模型中獲取數據的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

回答

相關問題