Aktivieren der Aktualisierung nur für bestimmte HTML-Elemente
Ich möchte wissen, wie ich nur ein bestimmtes Element meiner Website anstelle der gesamten Webseite aktualisieren kann. Das Element, über das ich spreche, ist eine Flash-Anwendung, die sehr langsam geladen wird und Verbindungs-Timeouts aufweisen kann. Ich möchte dem Benutzer ermöglichen, nur dieses Element / diese falsh-App zu aktualisieren. Wie mache ich das? Unten habe ich eine Ajax-Funktion, die ein HTML-Element aktualisiert, aber nicht sicher ist, wie ich es auf meine Situation anwenden soll.
<head>
<script type="text/javascript">
function loadXMLDoc() {
var xmlhttp;
if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp = new XMLHttpRequest();
} else { // code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function () {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET", "ajax_info.txt", true);
xmlhttp.send();
}
</script>
</head>
<body>
<div id="myDiv">
<h2>Let AJAX change this text</h2>
</div>
<button type="button" onclick="loadXMLDoc()">Change Content</button>
</body>