Maison >base de données >tutoriel mysql >MySql et Javascript : Comment traiter les données JSON
Avec le développement continu de la technologie Internet, les données au format JSON (JavaScript Object Notation) deviennent de plus en plus courantes. Dans les applications Web, il est souvent nécessaire de stocker les données JSON dans une base de données, puis d'utiliser Javascript pour extraire les données de la base de données et les afficher sur la page Web. Cependant, la manière de gérer ces données JSON, notamment dans MySQL et Javascript, est souvent déroutante.
Cet article présentera aux lecteurs comment traiter les données JSON, notamment en utilisant MySQL pour stocker les données JSON et en utilisant Javascript pour interroger, mettre à jour et afficher les données JSON.
Traitement des données JSON dans MySQL
MySQL prend en charge le type de données JSON à partir de la version 5.7.8, ce qui offre un moyen très pratique de traiter les données JSON. Comme les autres types de données, le type de données JSON peut être utilisé pour définir des structures de table. Voici un exemple :
CREATE TABLE products ( id INT UNSIGNED AUTO_INCREMENT PRIMARY KEY, name VARCHAR(100) NOT NULL, price FLOAT(10,2) NOT NULL, category_id INT UNSIGNED NOT NULL, details JSON );
Comme vous pouvez le voir, cette table contient une colonne de type de données JSON appelée détails, qui est utilisée pour stocker les détails du produit. Étant donné que le type de données JSON prend en charge l'indexation, les colonnes JSON peuvent être récupérées et triées. Dans les applications pratiques, la structure des tables pour stocker les données JSON peut être ajustée selon les besoins.
Dans MySQL, vous pouvez utiliser la fonction JSON_OBJECT() pour convertir les données au format JSON et utiliser la fonction JSON_EXTRACT() pour interroger les données JSON. Par exemple, voici un exemple de code :
-- 插入 JSON 数据 INSERT INTO products (name, price, category_id, details) VALUES ('iPhone', 999, 1, JSON_OBJECT('color', 'black', 'capacity', '256 GB', 'features', JSON_ARRAY('wireless charging', 'face recognition'))); -- 查询 JSON 数据 SELECT * FROM products WHERE JSON_EXTRACT(details, '$.color') = 'black'; -- 更新 JSON 数据 UPDATE products SET details = JSON_SET(details, '$.capacity', '512 GB') WHERE id = 1; -- 删除 JSON 数据 DELETE FROM products WHERE JSON_EXTRACT(details, '$.features[1]') = 'face recognition';
Dans MySQL, vous pouvez utiliser des opérations spécifiques au type JSON pour effectuer des opérations sur les données telles que l'ajout, la suppression, la modification et l'interrogation de données JSON. Pour plus d'opérations JSON, vous pouvez consulter la documentation officielle de MySQL.
Traitement des données JSON en Javascript
Le traitement des données JSON en Javascript est plus courant que MySQL. Comment analyser JSON en objets Javascript et comment convertir des objets Javascript en chaînes au format JSON sont les méthodes de traitement JSON les plus élémentaires en Javascript.
Par exemple, voici comment analyser un objet Javascript à partir d'une chaîne JSON :
const jsonString = '{"name":"andy","age":20}'; const jsonObject = JSON.parse(jsonString); console.log(jsonObject.name); // 输出 andy console.log(jsonObject.age); // 输出 20
Comment manipuler n'importe quel objet Javascript et le convertir en chaîne au format JSON est la suivante :
const product = { name: 'iPhone', price: 999, category_id: 1, details: { color: 'black', capacity: '256 GB', features: ['wireless charging', 'face recognition'] } }; const jsonString = JSON.stringify(product); console.log(jsonString); // 输出 {"name":"iPhone","price":999,"category_id":1,"details":{"color":"black","capacity":"256 GB","features":["wireless charging","face recognition"]}}
Cette chaîne au format JSON peut être transmise à le serveur pour le traitement. La requête peut également être affichée à l'utilisateur dans l'interface frontale.
De plus, les bibliothèques Javascript courantes (telles que jQuery, React, etc.) fournissent également de nombreuses fonctions et méthodes pour traiter les données JSON. Par exemple, le code qui utilise jQuery pour envoyer une requête POST au serveur et recevoir des données JSON est le suivant :
const data = { name: 'andy', age: 20 }; $.post('/api', data, function(response) { console.log(response); }, 'json');
Le code ci-dessus enverra une requête POST à l'adresse du serveur '/api' et transmettra les données de l'objet Javascript à le serveur via la requête POST. La réponse du serveur reçue est un objet Javascript qui peut être analysé et utilisé au format JSON.
Conclusion
Le traitement des données JSON est l'une des opérations les plus courantes dans les applications Web. Cet article présente principalement les méthodes de traitement des données JSON dans MySQL et JavaScript. MySQL peut utiliser le type de données JSON pour stocker et exploiter les données JSON, tandis que Javascript utilise des objets JSON intégrés et des bibliothèques tierces pour analyser, modifier et afficher les données JSON.
Maîtriser les compétences de base du traitement des données JSON peut rendre les applications Web plus efficaces et plus flexibles dans le traitement des données, et offrir une meilleure expérience utilisateur.
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!