Heim > Backend-Entwicklung > PHP-Problem > So implementieren Sie js, das PHP-Dateien aufruft

So implementieren Sie js, das PHP-Dateien aufruft

PHPz
Freigeben: 2023-04-19 09:25:50
Original
1661 Leute haben es durchsucht

Mit der kontinuierlichen Weiterentwicklung der Internettechnologie müssen immer mehr Websites JavaScript implementieren, um PHP-Dateien aufzurufen und eine Front-End- und Back-End-Dateninteraktion zu erreichen. In diesem Artikel wird erläutert, wie Sie JS zum Aufrufen von PHP-Dateien implementieren.

1. JS ruft PHP-Dateien auf

JS ruft PHP-Dateien hauptsächlich über Ajax-Technologie auf. Ajax (Asynchronous JavaScript And XML) ist eine Entwicklungstechnologie für Webanwendungen, die asynchrone Mechanismen verwendet, um Seiten asynchron zu aktualisieren und die Benutzererfahrung zu verbessern. Um PHP-Dateien in JS aufzurufen, müssen Sie das XMLHttpRequest-Objekt verwenden.

2. XMLHttpRequest-Objekt

Das XMLHttpRequest-Objekt ist ein in JavaScript integriertes Objekt, über das eine asynchrone Kommunikation mit dem Server erreicht werden kann. Das XMLHttpRequest-Objekt verfügt über die folgenden Attribute und Methoden:

1.open(): Erstellen Sie eine neue HTTP-Anfrage und geben Sie die Anfragemethode, die URL-Adresse und ob die asynchrone Übertragung erfolgen soll.

2.setRequestHeader(): Anforderungsheaderinformationen festlegen.

3.send(): HTTP-Anfrage senden.

4.onreadystatechange(): Rückruffunktion beim Anfordern einer Statusänderung.

3. Beispieldemonstration

Der folgende Code zeigt, wie JS zum Aufrufen von PHP-Dateien implementiert wird:

1 Erstellen Sie zunächst eine HTML-Datei, wie unten gezeigt:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>JS调用PHP文件</title>
<script type="text/javascript">
function load(){
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange=function(){
    if(xhr.readyState==4 && xhr.status==200){
      document.getElementById("myDiv").innerHTML=xhr.responseText;
    }
  }
  xhr.open("POST","demo.php",true);
  xhr.setRequestHeader("Content-type","application/x-www-form-urlencoded");
  xhr.send("name=Peter&age=18");
}
</script>
</head>
<body>

<div id="myDiv"><h1>点击下面的按钮,加载PHP文件内容</h1></div>

<input type="button" value="点击加载PHP文件内容" onclick="load()">
</body>
</html>
Nach dem Login kopieren

2 Im selben Verzeichnis lautet der Dateicode wie folgt:

<?php
$name=$_POST[&#39;name&#39;];
$age=$_POST[&#39;age&#39;];
echo "您好,".$name.",您的年龄是".$age."岁。";
?>
Nach dem Login kopieren

3. Öffnen Sie die HTML-Datei im Browser und klicken Sie auf die Schaltfläche, um den Inhalt in die Datei demo.php zu laden. Die übergebenen Parameter werden in der Datei demo.php abgerufen, der entsprechende Inhalt wird basierend auf den Parametern generiert und über die Echo-Anweisung ausgegeben.

4. Hinweise

1. Beim Schreiben einer PHP-Datei müssen Sie die Echo-Anweisung verwenden, um den generierten Inhalt auszugeben, damit JS die Daten abrufen kann.

2. Beim Aufrufen einer PHP-Datei in JS müssen Sie die Anforderungsmethode (GET oder POST), die URL-Adresse, übergebene Parameter und andere Informationen angeben.

3. In der PHP-Datei müssen Sie $_POST, $_GET und andere Variablen verwenden, um die von JS übergebenen Parameterwerte zu erhalten.

4. Wenn Sie eine PHP-Datei aufrufen, müssen Sie auf die Serverantwort warten. Daher müssen Sie in JS eine Rückruffunktion definieren, um die Verarbeitungsergebnisse nach der Serverantwort zu erhalten.

5. Zusammenfassung

Durch die Einführung dieses Artikels haben wir gelernt, wie man JS implementiert, um PHP-Dateien aufzurufen, hauptsächlich durch Ajax-Technologie. Während des Implementierungsprozesses müssen Sie auf Details wie die Form der Parameterübergabe, die Art und Weise, wie PHP-Dateien geschrieben werden, und die Implementierung von Rückruffunktionen achten. Für Websites, die eine Front-End- und Back-End-Dateninteraktion realisieren müssen, kann diese Methode die Reaktionsgeschwindigkeit der Seite und das Benutzererlebnis verbessern.

Das obige ist der detaillierte Inhalt vonSo implementieren Sie js, das PHP-Dateien aufruft. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage