2017-03-02 6 views
0

私は<div>をhtmlページに持っています。このHTMLページには、ページのモデルから内容を取得するhtmlヘルパーがあります。モデルからデータを取得しているhtmlの自動リフレッシュ方法-mvc

私は、これは5秒ごとにコントローラから情報を取得更新するDIVリフレッシュしたい
<div id="ChatArea"> 
@Html.DisplayFor(a => Model.ChatReferenceTime) <br /> 
@Html.DisplayFor(a => Model.ChatReferenceContent) 
... 
</div> 

... - ページ全体が更新されたモデルで、5秒ごとに更新せずにこれを行う方法はありますか?

+0

私は部分的として作成の線に沿って何かをしてから、その部分的にサービスを提供し、そのアクションにAJAX呼び出しを行うためのアクションを作成します – Pete

+0

ありがとうございました。私はその部分を部分的にする必要があると言っています - どのように正確に?私がコントローラーで行うアクションですが、どうやってAJAXで呼びますか? - 私は本当にAjaxに精通していません – Anonymous

+0

私はこれから2番目の答えを使用しました:http://stackoverflow.com/questions/7430976/rendering-partial-views-using-ajax – Pete

答えて

0

あなたは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> 
関連する問題