Comment passer un tableau à js en php

Dans le développement Web, nous devons souvent transmettre des données du backend (comme PHP) au frontend (comme JavaScript). Grâce à la technologie AJAX, nous pouvons obtenir des données back-end de manière asynchrone sans actualiser la page Web. Cependant, dans certains cas, nous souhaitons transmettre directement le tableau back-end au front-end pour faciliter le traitement front-end. Cet article explique comment transmettre des tableaux à JavaScript en PHP.

1. Convertir le tableau au format JSON

Avant de passer le tableau à JavaScript, nous devons convertir le tableau en une structure de données reconnaissable en JavaScript. Ici, nous pouvons utiliser le format JSON (JavaScript Object Notation), qui est un format de texte pour l'échange de données et une syntaxe pour représenter des objets en JavaScript. PHP possède une fonction json_encode() intégrée qui peut convertir les tableaux PHP au format JSON.

Exemple de code :

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

Résultat de sortie :

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

2. Obtenez les données JSON sur le front-end

Sur le front-end, nous pouvons obtenir les données JSON sorties par PHP via une requête AJAX, exemple de code :

$.ajax({
    type: "POST",  // 或者 GET
    url: "data.php",  // 后端程序地址
    dataType: "json",  // 返回的数据类型
    success: function(data) {  // 成功回调函数
        console.log(data.name);
        console.log(data.age);
        console.log(data.city);
    }
});

It Il convient de noter que le paramètre dataType spécifie le type de données renvoyé par la requête, ici il est défini sur json. Par conséquent, si le format JSON renvoyé n’est pas légal, les données ne seront pas analysées normalement.

3. Générer des données JSON directement en PHP

En plus de convertir des tableaux au format JSON puis de les afficher en PHP, nous pouvons également générer directement des tableaux au format JSON. Cette méthode est plus concise, mais nécessite d'ajouter l'en-tête de réponse correspondant au début du fichier PHP.

Exemple de code :

$data = array('name' => 'John', 'age' => 30, 'city' => 'New York');
header('Content-Type: application/json');  // 响应头，指定返回的数据类型为 JSON
echo json_encode($data);

Sur le front-end, vous pouvez appeler directement des fichiers PHP via AJAX sans analyse.

4. Utilisez des scripts en ligne pour transmettre des données

Dans les fichiers PHP, nous pouvons également utiliser des scripts en ligne pour transmettre des données à JavaScript. Cette méthode est relativement simple, mais difficile à maintenir et n’est pas recommandée.

Exemple de code :

$data = array('name' => 'John', 'age' => 30, 'city' => 'New York');
echo '<script> var data = ' . json_encode($data) . '; </script>';

Une fois que le code ci-dessus a converti le tableau au format JSON, intégrez-le directement dans la balise de script, puis utilisez les données variables pour accéder au tableau sur le front-end.

5. Utilisez des balises d'entrée masquées pour transmettre des données

Si vous devez soumettre le tableau en PHP lorsque le formulaire est soumis, nous pouvons placer le tableau dans une balise d'entrée masquée, puis le transmettre à l'arrière lorsque le formulaire est soumis. fin soumise.

Exemple de code :

$data = array('name' => 'John', 'age' => 30, 'city' => 'New York');
echo '<form action="process.php" method="post">';
foreach ($data as $key => $value) {
    echo '<input type="hidden" name="data[&#39; . $key . &#39;]" value="&#39; . $value . &#39;">';
}
echo '<button type="submit">提交</button>';
echo '</form>';

Ajoutez un paramètre de tableau nommé data au formulaire, puis ajoutez chaque élément du tableau PHP à la balise d'entrée masquée un par un via une boucle. Le tableau entier peut être obtenu via $_POST['data'] sur le backend.

Vous trouverez ci-dessus plusieurs méthodes permettant de transmettre des tableaux à JavaScript en PHP. Différentes méthodes peuvent être utilisées dans différents scénarios et doivent être sélectionnées en fonction des besoins spécifiques des applications réelles.

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!