Maison  >  Article  >  développement back-end  >  Comment afficher la valeur du tableau js en php

Comment afficher la valeur du tableau js en php

PHPz
PHPzoriginal
2023-04-25 18:28:24794parcourir

PHP est un langage de script côté serveur largement utilisé qui peut être utilisé pour générer des pages Web et des applications Web dynamiques. Lors du développement d'applications Web, vous devez souvent transmettre des données de PHP vers JavaScript pour le traitement et le rendu, ce qui inclut la sortie des valeurs d'un tableau JavaScript.

Cet article explique comment utiliser PHP pour afficher la valeur d'un tableau JavaScript.

  1. Produisez directement un tableau JavaScript

En PHP, si vous avez besoin de générer un simple tableau JavaScript, vous pouvez utiliser le code suivant pour fonctionner : # 🎜🎜#

<?php

$array = array("apple", "orange", "banana");

echo "<script>var jsArray = ".json_encode($array).";</script>";

?>
Dans le code ci-dessus, nous définissons d'abord un tableau PHP $array, qui contient trois éléments de chaîne. Ensuite, utilisez la fonction json_encode() pour convertir ce tableau en une chaîne au format JSON et affectez-la à la variable JavaScript jsArray.

$array,包含了三个字符串元素。然后,使用 json_encode() 函数将这个数组转换为 JSON 格式的字符串,并将其赋值给 JavaScript 变量 jsArray

最后,使用 PHP 的 echo 语句将生成的 JavaScript 代码输出到网页上。这样就可以将 PHP 中的数据传递给 JavaScript 了。

  1. 通过 AJAX 输出 JavaScript 数组

如果您需要动态加载从 PHP 中获取的 JavaScript 数组,可以使用 AJAX 来完成。

在 PHP 中,您需要编写一个处理 AJAX 请求的脚本,并返回一个包含 JavaScript 数组的 JSON 对象。

<?php

// 处理 AJAX 请求
if (isset($_POST[&#39;action&#39;]) && $_POST[&#39;action&#39;] == &#39;getArray&#39;) {
    $array = array("apple", "orange", "banana");
    echo json_encode($array);
}

?>

在上述代码中,我们定义了一个名为 getArray 的 AJAX 请求,并在请求中将请求处理的脚本指定为 ajax.php

在 AJAX 中,您需要使用 XMLHttpRequest 对象发送请求,并在请求完成后从响应中获取 JavaScript 数组。

var xhr = new XMLHttpRequest();

xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
        var jsArray = JSON.parse(xhr.responseText);
        console.log(jsArray);
    }
};

xhr.open('POST', 'ajax.php', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send('action=getArray');

在上述代码中,我们首先创建了一个名为 xhr 的 XMLHttpRequest 对象,并定义了其 onreadystatechange 事件。在事件响应函数中,如果请求状态为 4(表示请求已完成)并且状态码为 200(表示请求成功),则将响应文本解析为 JavaScript 对象并输出到控制台中。

然后调用 xhr.open() 方法打开一个 POST 请求,并指定 AJAX 请求处理的 PHP 脚本为 ajax.php。在 send() 方法中发送请求,将请求参数指定为 'action=getArray'Enfin, utilisez l'instruction echo de PHP pour afficher le code JavaScript généré sur la page Web. Cela vous permet de transmettre des données de PHP vers JavaScript.

    Sortie d'un tableau JavaScript via AJAX

    #🎜🎜##🎜🎜#Si vous devez charger dynamiquement un tableau JavaScript obtenu à partir de PHP, vous pouvez utiliser AJAX pour terminer. #🎜🎜##🎜🎜#En PHP, vous devez écrire un script qui gère les requêtes AJAX et renvoie un objet JSON contenant un tableau JavaScript. #🎜🎜#rrreee#🎜🎜#Dans le code ci-dessus, nous définissons une requête AJAX nommée getArray et spécifions le script de traitement de la requête dans la requête comme ajax.php. #🎜🎜##🎜🎜#En AJAX, vous devez utiliser l'objet <code>XMLHttpRequest pour envoyer la requête et obtenir le tableau JavaScript de la réponse une fois la requête terminée. #🎜🎜#rrreee#🎜🎜#Dans le code ci-dessus, nous créons d'abord un objet XMLHttpRequest nommé xhr et définissons son événement onreadystatechange. Dans la fonction de réponse aux événements, si l'état de la demande est 4 (indiquant que la demande a été terminée) et que le code d'état est 200 (indiquant que la demande a réussi), analysez le texte de la réponse dans un objet JavaScript et affiché sur la console. #🎜🎜##🎜🎜#Appelez ensuite la méthode xhr.open() pour ouvrir une requête POST et spécifiez le script PHP pour le traitement des requêtes AJAX comme ajax.php . Envoyez la requête dans la méthode send(), en spécifiant les paramètres de la requête comme 'action=getArray'. #🎜🎜##🎜🎜#Pour résumer, grâce aux deux méthodes ci-dessus, les données en PHP peuvent être transmises à des tableaux JavaScript pour le traitement et le rendu. #🎜🎜#

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn