suchen

Heim >Web-Frontend >js-Tutorial >JavaScript basiert auf Ajax, um Dateiinhalte ohne Aktualisierung dynamisch auf der Webseite anzuzeigen

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

亚连
亚连Original
2018-05-25 11:48:551974Durchsuche

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!

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：AJAX-Verarbeitungsmethode für vom Server zurückgegebenes XMLNächster Artikel：AJAX-Verarbeitungsmethode für vom Server zurückgegebenes XML

In Verbindung stehende Artikel

Mehr sehen