Wie man div in HTML automatisch aktualisiert, das Daten vom Modell erhält -mvc

Ich habe eine <div> auf meiner HTML-Seite, die mit HTML-Helfern gefüllt wird, die ihren Inhalt vom Modell der Seite erhalten.Wie man div in HTML automatisch aktualisiert, das Daten vom Modell erhält -mvc

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

ich möchte aktualisieren diese alle 5 Sekunden erhalten aktualisierte Informationen von der Steuerung div ... - gibt es eine Möglichkeit, dies die ganze Seite aktualisiert alle 5 Sekunden mit einem aktualisierten Modell, ohne zu tun?

Quelle

2017-03-02 Anonymous

würde ich etwas entlang der Linien tut es als Teil von erstellen und dann eine Aktion erstellen, die teilweise zu dienen und dann zu dieser Aktion einen Ajax-Aufruf zu tun – Pete

Ok danke. Du sagst, dass ich das Div als Teil machen soll - wie genau? Die Aktion, die ich im Controller machen werde, aber wie rufe ich es mit Ajax? - Ich bin nicht wirklich vertraut mit Ajax – Anonymous

Ich habe die zweite Antwort von diesem verwendet: http://StackOverflow.com/Questions/7430976/Rendering-Partial-Views-Use-Ajax – Pete

Sie müssen Ihre div html mit Ajax-Aufruf aktualisieren

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

Quelle

2017-03-02 21:58:15

Wie man div in HTML automatisch aktualisiert, das Daten vom Modell erhält -mvc

Antwort

Verwandte Themen