Heim  >  Artikel  >  Backend-Entwicklung  >  So durchlaufen Sie ein Backend-Array mit Ajax in PHP

So durchlaufen Sie ein Backend-Array mit Ajax in PHP

PHPz
PHPzOriginal
2023-04-25 09:06:14501Durchsuche

Die Verwendung von AJAX zur Implementierung der Dateninteraktion in PHP ist eine sehr gängige Methode. Sie senden eine Anfrage über Ihren Front-End-Code an das Backend, und das Backend verwendet den PHP-Code, um sie zu verarbeiten, um ein Array zu erhalten, und übergibt das Array dann an das Frontend über AJAX. Aber wie kann ich dieses Backend-Array im Frontend-JS-Code ordnungsgemäß durchlaufen?

  1. Konvertieren Sie ein Array in PHP in einen JSON-String

Um ein Array in einen JSON-String in PHP zu konvertieren, können Sie die Funktion json_encode() verwenden:

$data = array("name"=>"John", "age"=>30, "city"=>"New York");
$json = json_encode($data);
echo $json;

In der Ausgabe sehen wir dieses Ergebnis:

{"name":"John","age":30,"city":"New York"}

Diese Zeichenfolge stellt ein Objekt dar, das Name, Alter und Stadt enthält.

  1. JSON-Daten über AJAX im Front-End-Code abrufen

Im Front-End-Code verwenden wir normalerweise XHR-Objekte oder AJAX-Methoden, die in Bibliotheken wie jQuery gekapselt sind, um JSON-Daten abzurufen.

Das Folgende ist ein Codebeispiel, das XHR-Objekte verwendet, um AJAX-Anfragen zu stellen:

var xhr = new XMLHttpRequest();
xhr.open('GET', 'url-to-php-file.php', true);
xhr.onreadystatechange = function() {
  if(xhr.readyState === 4 && xhr.status === 200) {
    // 处理返回的 JSON 数据
    var json = JSON.parse(xhr.responseText);
    // 遍历数组等操作
    // ...
  }
}
xhr.send();
  1. Durchlaufen des JSON-Arrays im Front-End-Code

Wenn wir ein JSON-Array vom Backend erhalten, können wir forEach() verwenden in JavaScript Methode zum Durchlaufen jedes Elements im Array.

Das Folgende ist ein Beispielcode, der die Methode forEach() verwendet, um ein JSON-Array zu durchlaufen:

var people = [
  {name: 'John', age: 30, city: 'New York'},
  {name: 'Emily', age: 25, city: 'Paris'},
  {name: 'Tom', age: 35, city: 'London'}
];

people.forEach(function(person) {
  console.log(person.name + ' is ' + person.age + ' years old, and lives in ' + person.city + '.');
});

Für JSON-Daten, die vom PHP-Backend zurückgegeben werden, müssen Sie sie nur in ein JavaScript-Objekt analysieren und über das auf den Inhalt zugreifen Durchquerungsmethode.

Wenn die JSON-Daten verschachtelte Arrays enthalten, können Sie die gesamte Datenstruktur mithilfe der Rekursion durchlaufen.

Zusammenfassung:

Das Obige sind die allgemeinen Schritte und mehrere einfache Methoden zum Durchlaufen des Backend-Arrays im Front-End-Code, wenn AJAX zum Implementieren der Array-Interaktion in PHP verwendet wird. Indem wir PHP-Arrays in JSON-Strings konvertieren und die Daten über AJAX-Objekte an das Front-End übergeben, können wir JavaScript-Arrays und Traversal-Funktionen im Front-End verwenden, um einfach auf die vom Back-End übergebenen Daten zuzugreifen.

Das obige ist der detaillierte Inhalt vonSo durchlaufen Sie ein Backend-Array mit Ajax in PHP. 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