Die PHP-Seite aktualisiert und aktualisiert die Daten nicht

Die PHP-Seite wird nicht aktualisiert und die Daten werden nicht aktualisiert.

Die PHP-Seite wird nicht aktualisiert und die Aktualisierung der Daten ist sehr einfach Bei der Implementierung können wir die Front-End-Ajax-Technologie verwenden.

Ajax-Funktion: Der Zweck der Ajax-Technologie besteht darin, Javascript zu ermöglichen, HTTP-Anfragen zu senden, mit dem Hintergrund zu kommunizieren und Daten und Informationen abzurufen. Erreichen Sie eine Front-End- und Back-End-Trennung. Das Prinzip der Ajax-Technologie besteht darin, das xmlhttp-Objekt zu instanziieren und dieses Objekt für die Kommunikation mit dem Hintergrund zu verwenden. Der Prozess der Ajax-Kommunikation hat keinen Einfluss auf die nachfolgende Ausführung von Javascript, wodurch eine asynchrone Implementierung erreicht wird.

Das Hauptproblem, das Ajax in js löst, besteht darin, bestimmte Daten an den Server zu übergeben, ohne die aktuelle Seite zu aktualisieren, und bestimmte Daten vom Server an den Client zurückzubekommen.

1. Fünf-Schritte-Strategie in HTML:

1. Erstellen Sie das AJAX-Kernobjekt

ar xhr=new XMLHttpRequest();

2 Die Funktion wird ausgelöst, wenn sich der vorbereitete Status des xhr-Objekts ändert.

xhr.addEventListener("load",loadHandler);

3. Verbindung herstellen

xhr.open("GET","http://localhost/index.php?user=zhangsan");

Parameterprobleme beim Verbindungsaufbau, Syntax:

xhr.open("get", url, true);

Hinweis: In der open()-Methode

Ein Parameter bezieht sich auf die Sendemethode der Anfrage und der Wert ist get oder post.

Der zweite Parameter bezieht sich auf den angeforderten URL-Pfad, der der Pfad der PHP-Datei ist, die Sie geschrieben haben? Was folgt, sind die relevanten Informationen, die der getragene Get erhalten muss.

Der dritte Parameter bezieht sich darauf, ob die Anfrage asynchron oder synchron ist. Wenn Sie true schreiben, bedeutet dies asynchron (Standard: true), und wenn Sie false schreiben, bedeutet dies synchron.

4. Initiieren Sie eine Anfrage an den Server

xhr.send();

Syntax:

xhr.send();

Hinweis: Wenn die Anfrage im Get-Modus gesendet wird, müssen keine Parameter eingegeben werden der send()-Befehl

Die übergebenen Daten können in die URL geschrieben werden, und der Server verwendet $_GET["Parametername"], um sie zu empfangen.

Wenn die Anfrage im Post-Modus gesendet wird, muss der Anfrage-Header so eingestellt werden, dass die Daten korrekt an die Back-End-Seite übergeben werden. Wir verwenden hier die get-Methode, sodass keine Parameter geschrieben werden müssen.

xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); 
xhr.send(“数据名1=数据值&数据名2=数据值”);

Der Server verwendet $_POST["Parametername"] zum Empfangen.

5. Deklarieren Sie die Vorladefunktion; erhalten Sie die Antwort

2. In der PHP-Datei

Drei Schritte:

rrree

Zeichenkodierung festlegen

function loadHandler(){
   // 获取并使用服务器的响应
    console.log(xhr.response);
 
}

Access-Control-Allow-Origin festlegen, um domänenübergreifenden Zugriff zu erreichen (da verschiedene Domänennamen standardmäßig nicht miteinander kommunizieren dürfen)

header("content-type:text/html;charset=utf-8");

Was tun Geben Sie die Daten an der Rezeption ab.

4. Implementieren Sie den Zugriff:

Legen Sie die geschriebene PHP-Datei in den WWW-Ordner von phpStydy, wie unten gezeigt:

1. Suchen Sie die Installation des phpStyle-Verzeichnisses

2. Öffnen Sie den WWW-Ordner und suchen Sie ihn

3. Kopieren Sie die PHP-Datei, in die Sie geschrieben haben www Gehen Sie in den Ordner, z. B. in die Datei index.php, die ich gerade geschrieben habe.

4. Führen Sie nun den einfachen Ajax-Zugriff aus Code:

Zu diesem Zeitpunkt wird die Seite nicht aktualisiert und Sie können auf die PHP-Daten zugreifen

Weitere PHP-bezogene Kenntnisse finden Sie unter

PHP chinesische Website

!

Das obige ist der detaillierte Inhalt vonDie PHP-Seite aktualisiert und aktualisiert die Daten nicht. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!