AJAX -Funktionen erlauben Web-Seiten von HTML-Inhalten , ohne dass der Benutzer die Seite aktualisieren oder wechseln Sie zu einer anderen Seite zu aktualisieren. Das HTML-Markup für eine Seite aufrufen können eine JavaScript-Funktion , die wiederum ein PHP-Skript aufrufen können. Das PHP -Skript kann zusätzliche Daten zu holen , manchmal aus einer Datenbank und formatiert in XML-Markup , wieder diese an die JavaScript- Funktion . Der JavaScript-Code kann dann schreiben Sie diese neuen Daten in das HTML , so dass neue Informationen erscheinen , wenn der Benutzer interagiert mit der Web -Seite. Anleitung
1

Neues HTML-Dokument. Geben Sie den folgenden Code in eine leere Datei im Text-Editor und geben Sie der Datei eine Verlängerung , wenn Sie sie zu speichern "html ". :

< Script type = "text /javascript " > Funktion processData () { //hole neue Daten } < /head>

Wenn der Benutzer auf die Schaltfläche klickt auf diese angezeigt Seite , wird der Browser rufen Sie die JavaScript-Funktion im head-Bereich der Seite.
2

Neues XMLHttpRequest-Objekt . Fügen Sie den folgenden Code in der JavaScript-Funktion :

var XMLHttp ; if ( window.XMLHttpRequest ) { XMLHttp = new XMLHttpRequest (); } else { XMLHttp = new ActiveXObject ( " Microsoft.XMLHTTP ");}

Dies ermöglicht die Web Seite auf verschiedenen Browsern zu behandeln.
3

senden Sie Ihre Anfrage für Daten an ein PHP Script. Fügen Sie den folgenden Code in der JavaScript-Funktion , so dass Platz für Code vor :

xmlhttp.open ("GET ", " get_data.php " , true); xmlHTTP.send ();

Diese weist den Browser , um zusätzliche Informationen aus dem PHP-Skript angegeben anzufordern.
4

erstellen Sie Ihre PHP-Skript . Öffnen Sie eine neue Datei in einem Texteditor, und speichern Sie es als " get_data.php ", um die Parameter an die Methode send Sie in Ihren JavaScript-Code übereinstimmen. Geben Sie den folgenden Beispielcode: < ? Phpecho " Neue Daten "; > TCM-

Dies ist ein einfaches Beispiel für die Demonstration , aber Sie können jede PHP -Verarbeitung müssen Sie hinzufügen möchten, einschließlich Datenbank-Abfragen. Sie können auch Ihre Reaktion Text in XML-Markup , wenn das passt Ihre Website.
5

Behandeln Sie die Antwort von Ihrem PHP-Skript . In Ihrem JavaScript-Funktion , vor der Zeile , in der Sie öffnen das XMLHttpRequest-Objekt , fügen Sie den folgenden Code:

xmlHTTP.onreadystatechange = function ( ) {if ( xmlHTTP.readyState == 4 && xmlHTTP.status == 200 ) {//Handhabung der Response-Daten }}

JavaScript eine Antwort erhält aus dem PHP-Skript wird dieser Code auszuführen. Der Code prüft, ob die Antwort gültig ist. Innerhalb dieser bedingten Anweisung , können Sie Code hinzufügen, um die neuen Daten in die Seite HTML zu schreiben.
6

Aktualisieren Sie die Inhalte Ihrer Seite . In der JavaScript- Reaktion bedingte Anweisung , fügen Sie den folgenden Code: .

Document.getElementById (" Update " ) innerHTML = xmlHTTP.responseText ;

Dieser Code identifiziert das div-Element in der Seite und schreibt dann die Antwort Text aus dem PHP-Code hinein.
7

Speichern Sie Ihre Dateien und laden Sie sie auf Ihren Server. Navigieren Sie zu der Seite und klicken Sie auf den Button , um zu überprüfen , dass die Funktion arbeitet . Sie sollten den Inhalt des div-Elements zu ändern.