In diesem Artikel wird hauptsächlich auf Ajax basierendes JavaScript zur dynamischen Anzeige von Dateiinhalten auf der Webseite ohne Aktualisierung vorgestellt. Es kann die Funktion der Echtzeitanzeige von TXT-Dateiinhalten auf dem Server realisieren Bestimmter Referenzwert. Freunde, die es benötigen, können als Referenz dienen:
Das Beispiel in diesem Artikel beschreibt, wie JavaScript Dateiinhalte auf einer Webseite dynamisch anzeigen kann, ohne sie zu aktualisieren, basierend auf Ajax. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Der folgende JS-Code ist die grundlegendste JS-Ajax-Implementierung, die den Inhalt der Datei ajax_info.txt auf dem Server dynamisch anzeigen kann
<!DOCTYPE html>
<html>
<head>
<title>sharejs.com</title>
<script>
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("myp").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","ajax_info.txt",true);
xmlhttp.send();
}
</script>
</head>
<body>
<p id="myp"><h2>Let AJAX change this text</h2></p>
<button type="button" onclick="loadXMLDoc()">Change Content</button>
</body>
</html>Ich habe das Obige für Sie zusammengestellt und hoffe, dass es Ihnen in Zukunft hilfreich sein wird.
Verwandte Artikel:
Lösung für 403-Fehler bei Verwendung von Jquery-Ajax-Post-Daten in Django
Detaillierte Erklärung von Ajax + jtemplate Implementieren Sie dynamisches Paging
Einfache Ajax-Implementierung zur Anzeige des Fortschritts während der Anfrage
Das obige ist der detaillierte Inhalt vonJavaScript basiert auf Ajax, um Dateiinhalte ohne Aktualisierung dynamisch auf der Webseite anzuzeigen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
