Deutsch
Deutsch
AJAX (Asynchronous JavaScript und XML) ist eine Technologie, mit der interaktive Webanwendungen erstellt werden. Mit AJAX können Entwickler mit dem Server interagieren, ohne die Seite zu aktualisieren, damit Webseiteninhalte dynamisch aktualisiert werden können.
In PHP7.0 können wir AJAX kombinieren, um die Dateninteraktion zwischen Vorder- und Rückseite zu realisieren und so die Benutzererfahrung und die Leistung von Webseiten zu verbessern.
Bevor Sie AJAX verwenden, müssen Sie zunächst ein XMLHTTPrequest -Objekt erstellen, das zur Interaktion mit dem Server für Daten verwendet wird.
var xhr = new XMLHttpRequest();Das XMLHTTPrequest -Objekt ist der Kern der AJAX -Entwicklung und ist für die Erstellung von HTTP -Anforderungen und das Austausch von Daten mit dem Server verantwortlich.
Das Senden einer AJAX -Anfrage umfasst normalerweise zwei Schritte: Festlegen der Anforderungsparameter und Senden der Anfrage.
Setzen Sie Anforderungsparameter:
var url = "example.php";
var params = "name=John&age=25";
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");Senden Sie eine Anfrage:
xhr.send(params);Im obigen Code senden wir die Anforderung über die Post-Methode und übergeben die Anforderungsparameter in Schlüsselwertpaaren an den Server. Verwenden Sie vor dem Senden einer Anfrage die Methode SetRequestheader (), um den Anforderungsheader festzulegen und das Datenübertragungsformat anzugeben.
Wenn der Server auf die Anfrage reagiert, müssen wir sie verarbeiten. Hören Sie sich den Antwortstatus an, indem Sie die Eigenschaft onReadyStatechange des XHR -Objekts festlegen.
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
var response = xhr.responseText;
// Verarbeiten Sie die vom Server zurückgegebenen Daten
}
}
};Nach der Rückgabe der Serverantwort werden die Daten unter Verwendung der ResponText -Eigenschaft des XHR -Objekts erhalten und verarbeitet.
In PHP7.0 werden PHP -Skripte als Hintergrundhandler verwendet, um AJAX -Anforderungen zu bearbeiten. Erstellen Sie zuerst eine PHP -Datei, um die Anfrage zu empfangen und zu verarbeiten.
<?php
$name = $_POST['name'];
$age = $_POST['age'];
// Datenverarbeitung durchführen
$response = "Hello, " . $name . "! You are " . $age . " years old.";
echo $response;
?>In diesem Code erhalten wir die vom Front-End über die globalen Variablen $ _post übergebenen Parameter, führen Sie die entsprechende Datenverarbeitung durch und geben sie an das Front-End zurück.
Senden Sie auf der Seite Front-End eine AJAX-Anfrage über JavaScript.
function sendRequest() {
var xhr = new XMLHttpRequest();
var url = "example.php";
var name = document.getElementById("name").value;
var age = document.getElementById("age").value;
var params = "name=" + name + "&age=" + age;
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
var response = xhr.responseText;
document.getElementById("result").innerHTML = response;
}
}
};
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.send(params);
}In diesem Code definieren wir die Funktion "sendRequest (), die Dateneingabe vom Benutzer über die Methode GetElementById () erhalten und als Parameter an den Server senden. Anschließend werden die Antwortdaten über Innerhtml auf der Seite angezeigt.
Durch die Kombination von AJAX und PHP7.0 können Entwickler eine effiziente Dateninteraktion mit dem Server erzielen, wodurch die Webseiteninhalte dynamisch aktualisiert und die Interaktivität und Leistung von Webseiten verbessert werden. In der tatsächlichen Entwicklung kann der rationale Einsatz der AJAX -Technologie die Benutzererfahrung verbessern und die Reaktionsgeschwindigkeit der Webseiten optimieren.
