Comment obtenir les données d'un tableau renvoyées par PHP en JavaScript

Dans le développement front-end, nous devons généralement obtenir des données du back-end et les traiter. Nous choisissons souvent d'utiliser PHP comme langage back-end, car PHP peut facilement générer des données de tableau, et ces données de tableau doivent généralement le faire. être utilisé dans la page front-end via JavaScript. Ensuite, nous présenterons en détail comment obtenir les données du tableau renvoyées par PHP en JavaScript.

1. Convertir un tableau au format JSON via PHP

En PHP, nous pouvons utiliser la fonction json_encode() pour convertir le tableau en données au format JSON, par exemple :

<?php
   $arr = array(&#39;name&#39;=>'张三','age'=>18);
   echo json_encode($arr);
?>

Le code ci-dessus convertit le tableau $arr au format JSON data et Output, le résultat de sortie est le suivant :

{"name":"张三","age":18}

2. Utilisez la requête asynchrone Ajax en JavaScript pour obtenir les données au format JSON renvoyées par PHP

Vous pouvez utiliser la requête asynchrone Ajax en JavaScript pour obtenir les données au format JSON renvoyées par PHP , par exemple :

var xhr = new XMLHttpRequest(); //创建XMLHttpRequest对象
xhr.onreadystatechange = function() {
    if(xhr.readyState == 4 && xhr.status == 200) {
        var data = JSON.parse(xhr.responseText); //将JSON格式数据转换为JavaScript对象且存储在变量data中
        console.log(data.name); //打印出name属性值"张三"
        console.log(data.age); //打印出age属性值18
    }
}
xhr.open('GET', 'test.php', true); //设置请求方式、请求地址、异步标识
xhr.send(); //发送请求

Le code ci-dessus Un objet XMLHttpRequest est créé, la méthode de requête, l'adresse de la requête et l'identifiant asynchrone de l'objet sont définis et la requête est envoyée via la méthode send(). Lorsque l'état de la demande est « Terminé » et que le code d'état de la demande est 200, la réponse a été renvoyée avec succès et le contenu de la réponse est stocké dans l'attribut xhr.responseText. Ensuite, convertissez les données au format JSON en un objet JavaScript et stockez-les dans les données variables, afin que nous puissions obtenir les données du tableau renvoyées par PHP en accédant aux propriétés de l'objet de données.

3. Utilisez la méthode $.ajax() de jQuery en JavaScript pour obtenir les données au format JSON renvoyées par PHP

La méthode $.ajax() de jQuery est implémentée en encapsulant les requêtes Ajax, ce qui peut nous aider à effectuer plus facilement des tâches asynchrones Demande, par exemple :

$.ajax({
    type: "GET",
    url: "test.php",
    success: function(data) {
        console.log(data.name); //打印出name属性值"张三"
        console.log(data.age); //打印出age属性值18
    },
    dataType: "json"
});

Le code ci-dessus utilise la méthode $.ajax() pour envoyer une requête GET et définit l'adresse de la requête et le type de données de réponse au format JSON. Lorsque la réponse est renvoyée avec succès, la fonction de réussite de cette méthode convertit les données au format JSON en données d'objet JavaScript et imprime les valeurs d'attribut.

En résumé, grâce aux trois méthodes ci-dessus, nous pouvons facilement obtenir les données du tableau renvoyées par PHP en JavaScript. Que ce soit en utilisant Ajax natif ou la méthode $.ajax() de jQuery, nous pouvons obtenir les données au format JSON renvoyées par PHP en définissant correctement la méthode de requête, l'adresse de la requête, l'identifiant asynchrone et le type de données, et enfin les convertir en objets JavaScript traités.

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!