2017-03-02 1 views
0

내 HTML 페이지에 <div>이 있는데 이는 페이지의 모델에서 내용을 가져 오는 HTML 도우미로 채워져 있습니다.모델에서 데이터를 가져 오는 HTML에서 div를 자동으로 새로 고치는 방법 -vc

내가이 5 초마다 컨트롤러에서 정보를 업데이 트하는 div에 새로 고칠
<div id="ChatArea"> 
@Html.DisplayFor(a => Model.ChatReferenceTime) <br /> 
@Html.DisplayFor(a => Model.ChatReferenceContent) 
... 
</div> 

... - 전체 페이지가 업데이트 된 모델을 5 초마다 새로 고쳐하지 않고이 작업을 수행하는 방법은 무엇입니까?

+0

나는 부분으로 만들의 라인을 따라 뭔가를하고 그 부분을 봉사하고 그 행동에 아약스 호출을 수행 할 작업을 만들 것 – Pete

+0

감사합니다. 당신은 내가 그 div를 부분적으로 만들어야한다고 말하고 있습니다 - 정확히 얼마나? 컨트롤러에서 수행 할 작업이지만 AJAX로 호출하는 방법은 무엇입니까? - 아약스에 익숙하지 않다. – Anonymous

+0

두 번째 답변을 사용했다. http://stackoverflow.com/questions/7430976/rendering-partial-views-using-ajax – Pete

답변

0

당신은 아약스 호출하여 사업부의 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> 
관련 문제