Comment parcourir un tableau backend avec ajax en php

Utiliser AJAX pour implémenter l'interaction de données en PHP est un moyen très courant. Vous envoyez une requête au backend via votre code front-end, et le backend utilise le code PHP pour le traiter afin d'obtenir un tableau, puis transmet le tableau à. le front-end via AJAX. Mais comment puis-je parcourir correctement ce tableau backend dans le code JS frontend ?

1. Convertir un tableau en PHP en chaîne JSON

Pour convertir un tableau en chaîne JSON en PHP, vous pouvez utiliser la fonction json_encode() :

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

Dans la sortie, nous verrons ce résultat :

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

Cette chaîne représente un objet contenant le nom, l'âge et la ville.

2. Obtenez des données JSON via AJAX dans le code front-end

Dans le code front-end, nous utilisons généralement des objets XHR ou des méthodes AJAX encapsulées dans des bibliothèques telles que jQuery pour obtenir des données JSON.

Ce qui suit est un exemple de code qui utilise des objets XHR pour effectuer des requêtes AJAX :

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();

3. Parcours du tableau JSON dans le code front-end

Lorsque nous obtenons un tableau JSON du backend, nous pouvons utiliser forEach() dans la méthode JavaScript pour parcourir chaque élément du tableau.

Ce qui suit est un exemple de code qui utilise la méthode forEach() pour parcourir un tableau JSON :

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 + '.');
});

Pour une donnée JSON renvoyée par le backend PHP, il vous suffit de l'analyser dans un objet JavaScript et d'accéder au contenu via le méthode de traversée.

Si les données JSON contiennent des tableaux imbriqués, vous pouvez utiliser la récursivité pour parcourir toute la structure de données.

Résumé : 

Ce qui précède présente les étapes générales et plusieurs méthodes simples pour parcourir le tableau backend dans le code front-end lors de l'utilisation d'AJAX pour implémenter l'interaction de tableau en PHP. En convertissant les tableaux PHP en chaînes JSON et en transmettant les données au front-end via des objets AJAX, nous pouvons utiliser des tableaux JavaScript et des fonctions de traversée dans le front-end pour accéder facilement aux données transmises par le back-end.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!