JavaScript basiert auf Ajax, um Dateiinhalte ohne Aktualisierung dynamisch auf der Webseite anzuzeigen-js-Tutorial-php.cn

JavaScript basiert auf Ajax, um Dateiinhalte ohne Aktualisierung dynamisch auf der Webseite anzuzeigen

亚连

Freigeben： 2018-05-25 11:48:55

Original

1914 Leute haben es durchsucht

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>

Nach dem Login kopieren

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!