Maison > Article > développement back-end > Comment utiliser js pour modifier la valeur du tableau php
Javascript est un langage de script, tandis que PHP est un langage de script côté serveur. Tous deux jouent un rôle important dans le développement Web. Dans certains cas, nous devons modifier la valeur d'un tableau PHP en Javascript. Afin de réaliser cette modification, nous devons procéder comme suit.
La première étape consiste à traiter le tableau PHP. Nous devons initialiser un tableau en code PHP et le transmettre au code Javascript. Ceci peut être réalisé en utilisant la fonction json_encode() en PHP. La fonction json_encode() accepte une variable PHP et la convertit en chaîne au format JSON. De cette façon, nous pouvons transmettre des tableaux PHP dans du code Javascript.
Voici un exemple de code simple :
<?php $myArray = array("John", "Doe", "35"); $jsonArray = json_encode($myArray); ?>
Dans le code ci-dessus, nous initialisons un tableau PHP nommé $myArray qui contient trois éléments. Ensuite, utilisez la fonction json_encode() pour la convertir en chaîne au format JSON.
La deuxième étape consiste à obtenir et modifier la valeur du tableau PHP en Javascript. Nous pouvons obtenir une chaîne JSON à partir du code PHP en utilisant l'objet XMLHttpRequest. Une fois que nous avons la chaîne JSON, nous pouvons la convertir en objet en Javascript et la modifier.
Voici l'exemple de code :
var xmlhttp = new XMLHttpRequest(); xmlhttp.open("GET", "array.php", true); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { var myArray = JSON.parse(this.responseText); myArray[0] = "Jane"; console.log(myArray[0]); // Output: "Jane" } }; xmlhttp.send();
Dans le code ci-dessus, nous créons d'abord un objet XMLHttpRequest et l'utilisons pour obtenir la chaîne JSON du script PHP. Une fois que nous obtenons la chaîne JSON, nous la convertissons en objet Javascript à l'aide de la fonction JSON.parse(). Nous pouvons maintenant modifier la valeur de l'objet Javascript de la manière habituelle et mettre à jour la valeur du tableau PHP.
Enfin, nous devons sauvegarder le nouveau tableau PHP sur le serveur. Nous pouvons utiliser l'objet XMLHttpRequest pour envoyer à nouveau une requête POST au serveur, en transmettant le tableau modifié au script PHP. Script PHP pour enregistrer un nouveau tableau dans une base de données ou un fichier.
Voici l'exemple de code :
var xmlhttp = new XMLHttpRequest(); xmlhttp.open("POST", "save.php", true); xmlhttp.onreadystatechange = function() { if (this.readyState == 4 && this.status == 200) { console.log(this.responseText); // Output: "Array saved successfully" } }; xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xmlhttp.send("myArray=" + JSON.stringify(myArray));
Dans le code ci-dessus, nous utilisons à nouveau l'objet XMLHttpRequest pour envoyer une requête POST au serveur. Nous utilisons la fonction setRequestHeader() pour définir l'en-tête Content-type, indiquant que nous enverrons les données en utilisant le format application/x-www-form-urlencoded. Nous convertissons le tableau modifié en chaîne JSON et l'envoyons sous forme de données. Dans un script PHP, nous pouvons utiliser le tableau $_POST pour obtenir un nouveau tableau et l'enregistrer dans une base de données ou un fichier sur le serveur.
Résumé :
Dans de nombreuses applications Web, nous pouvons avoir besoin de modifier la valeur d'un tableau PHP en Javascript. Pour y parvenir, nous devons utiliser l'objet XMLHttpRequest pour obtenir la chaîne JSON du serveur et la convertir en objet Javascript. Nous pouvons modifier l'objet Javascript et renvoyer à nouveau le tableau modifié au serveur. Dans le script PHP, nous pouvons enregistrer un nouveau tableau dans une base de données ou un fichier.
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!