Heim  >  Artikel  >  Backend-Entwicklung  >  Ajax implementiert zwei PHP-Passing-Arrays

Ajax implementiert zwei PHP-Passing-Arrays

WBOY
WBOYOriginal
2023-05-06 16:19:08603Durchsuche

Mit der rasanten Entwicklung der Internettechnologie haben in den letzten Jahren immer mehr Websites damit begonnen, Ajax zu verwenden, um die Benutzererfahrung zu verbessern. In diesem Artikel wird erläutert, wie Sie die Array-Übertragung zwischen zwei PHP-Dateien über Ajax implementieren.

1. Was ist Ajax? Ajax (Asynchronous JavaScript and XML), also asynchrones JavaScript und XML, ist eine Technologie zur Erstellung schneller dynamischer Webseiten. Ajax ermöglicht die asynchrone Aktualisierung von Webseiten, indem im Hintergrund eine kleine Datenmenge mit dem Server ausgetauscht wird. Das bedeutet, dass Teile einer Seite aktualisiert werden können, ohne dass die gesamte Seite neu geladen werden muss. Dies kann die Reaktionsgeschwindigkeit der Seite verbessern und das Benutzererlebnis erhöhen.

2. Was ist ein Array? Ein Array ist eine geordnete Menge von Variablen, die von jedem Datentyp sein können, einschließlich Zeichenfolgen, Zahlen, Objekten usw. Ein Array kann mehrere Werte speichern und auf jeden Wert kann über einen eindeutigen Index zugegriffen werden.

3. Verwenden Sie Ajax zum Senden von Arrays

Schritt 1: Erstellen Sie zwei PHP-Dateien, eine zum Senden von Arrays (send.php) und eine zum Empfangen von Arrays (receive.php).

send.php-Dateicode:

<?php
$array = array("name" => "Tom", "age" => "25", "gender" => "male");
echo json_encode($array);
?>

receive.php-Dateicode:

<?php
$data = $_POST['data'];
$array = json_decode($data, true);
echo "姓名:" . $array['name'] . "<br>";
echo "年龄:" . $array['age'] . "<br>";
echo "性别:" . $array['gender'] . "<br>";
?>

Schritt 2: Verwenden Sie das XMLHttpRequest-Objekt, um eine Ajax-Anfrage zu erstellen.

var xhr = new XMLHttpRequest();

Schritt 3: Verwenden Sie die open()-Methode, um eine Anfrage zu öffnen.

xhr.open("POST", "receive.php", true);

Schritt 4: HTTP-Anfrageheader festlegen.

xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

Schritt fünf: Richten Sie den onreadystatechange-Ereignishandler ein, um die entsprechenden Aktionen auszuführen, wenn der Server antwortet.

xhr.onreadystatechange = function() {
   if (xhr.readyState == 4 && xhr.status == 200) {
        document.getElementById("result").innerHTML = xhr.responseText;
   }
};

Schritt 6: Kodieren Sie die zu sendenden Daten in das URL-Format.

var data = "data=" + encodeURIComponent(JSON.stringify(array));

Schritt 7: Anfrage senden.

xhr.send(data);

4. Praktische Anwendung

Das Folgende ist ein konkretes Beispiel, das zeigt, wie man Ajax zum Übertragen eines Arrays zwischen zwei PHP-Dateien verwendet. Angenommen, wir haben ein Formular, in das der Benutzer Name, Alter, Geschlecht und andere Informationen eingibt und dann das Formular absendet. Diese Informationen werden über Ajax an die Datei send.php gesendet, an die Datei Receive.php zurückgegeben und schließlich angezeigt.

Der Code lautet wie folgt:





Ajax传输数组
<script>
   function sendArray() {
      var array = {};
      array['name'] = document.getElementById('name').value;
      array['age'] = document.getElementById('age').value;
      array['gender'] = document.getElementById('gender').value;

      var xhr = new XMLHttpRequest();
      xhr.open(&quot;POST&quot;, &quot;receive.php&quot;, true);
      xhr.setRequestHeader(&quot;Content-Type&quot;, &quot;application/x-www-form-urlencoded&quot;);
      xhr.onreadystatechange = function() {
         if (xhr.readyState == 4 && xhr.status == 200) {
            document.getElementById("result").innerHTML = xhr.responseText;
         }
      };
      var data = &quot;data=&quot; + encodeURIComponent(JSON.stringify(array));
      xhr.send(data);
   }
</script>


   



receive.php-Dateicode:

<?php
$data = $_POST['data'];
$array = json_decode($data, true);
echo "姓名:" . $array['name'] . "<br>";
echo "年龄:" . $array['age'] . "<br>";
echo "性别:" . $array['gender'] . "<br>";
?>

5. Zusammenfassung

In diesem Artikel wird die Verwendung von Ajax zum Übertragen von Arrays vorgestellt und der spezifische Implementierungsprozess anhand eines praktischen Beispiels demonstriert. Ajax kann nicht nur die Reaktionsgeschwindigkeit von Webseiten verbessern, sondern auch das Benutzererlebnis optimieren. Durch das Studium dieses Artikels glaube ich, dass jeder ein tieferes Verständnis und Anwendungswissen über Ajax und Array-Übertragung erlangen wird.

Das obige ist der detaillierte Inhalt vonAjax implementiert zwei PHP-Passing-Arrays. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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