Geschichten, die das Leben schrieb

AJAX (Asynchronous JavaScript and XML) kann Daten vom Server holen oder an ihn senden, ohne die Seite neu laden zu müssen.

Auf Knopfdruck

Der neue Inhalt kann per Knopfdruck abgeholt werden.

HTML ist praktisch, wenn Du hart codierten HTML-Inhalt holen willst.

Und hier der Code dazu:

		
	<article id="ajaxhtml">
		<h5>HTML auf Knopfdruck</h5>
		 <button type="button" onclick="loadDocAjaxHTML()">Ersetze den Inhalt.</button>
	</article>
	
	<script>
		function loadDocAjaxHTML() {
		const xhttp = new XMLHttpRequest();
		xhttp.onload = function() {
			document.getElementById("ajaxhtml").innerHTML = this.responseText;
		}
		xhttp.open("GET", "?section=ajax&fn=beispiel.html", true)
		xhttp.send();
	}
	</script>
		
	

JSON ist praktisch, wenn Du mehrere Werte in einem Rutsch holen möchtest.

TXT ist praktisch, wenn Du ein Wort oder einen kurzen Satz abholen möchtest.

TXT zum Zweiten aus einer anderen Ecke.

JSON dynamisch aus PHP.
Das PHP-Skript könnte natürlich auch TXT oder HTML liefern, das ist dem Autor vom PHP-Skript überlassen, aber sage es bitte dem Empfänger, sonst strauchelt er.

Automatisch

HTML automatisch.

PHP Formular automatisch.

JSON automatisch dynamisch aus PHP.

Checkliste

1. Zu änderndes Element braucht eine id
2. Auf dem Server eine Datei, die den Inhalt liefert
3. Ein JavaScript das den Inhalt auf dem Server abruft und im DOM ersetzt.

• section=ajax
  • ?section=ajax;&fn=dateiname.erw (.txt Default|.html|.php|.json).
  • Die Datei abts/ajax/dateiname.erw
• section=section
  • ?section=sektion;&fn=dateiname.erw (.txt|.html|.php|.json|leer (Default, dateiname wird als Funktionsname interpretiert)).
  • abts/class/app/app_section_class muss existieren.
  • Weitere Parameter nach Bedarf, siehe in der Klasse der Sektion.
  • Dateiort nach Bedarf, siehe in der Klasse der Sektion.
  • Die Mechanik musst Du in der Klasse der Sektion programmieren.

Weitere Details siehe im Quelltext.

Viel Erfolg …

Zurück zum Inhaltsverzeichnis