Maison base de données tutoriel mysql MySql et Javascript : Comment traiter les données JSON

MySql et Javascript : Comment traiter les données JSON

Jun 16, 2023 am 10:39 AM
mysql javascript 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
);
Copier après la connexion

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';
Copier après la connexion

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
Copier après la connexion

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"]}}
Copier après la connexion

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');
Copier après la connexion

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!

Déclaration de ce site Web
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

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Tags d'article chaud

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Compétences de traitement de structures de données volumineuses de PHP Compétences de traitement de structures de données volumineuses de PHP May 08, 2024 am 10:24 AM

Compétences de traitement de structures de données volumineuses de PHP

Comment optimiser les performances des requêtes MySQL en PHP ? Comment optimiser les performances des requêtes MySQL en PHP ? Jun 03, 2024 pm 08:11 PM

Comment optimiser les performances des requêtes MySQL en PHP ?

Comment utiliser la sauvegarde et la restauration MySQL en PHP ? Comment utiliser la sauvegarde et la restauration MySQL en PHP ? Jun 03, 2024 pm 12:19 PM

Comment utiliser la sauvegarde et la restauration MySQL en PHP ?

Comment insérer des données dans une table MySQL en utilisant PHP ? Comment insérer des données dans une table MySQL en utilisant PHP ? Jun 02, 2024 pm 02:26 PM

Comment insérer des données dans une table MySQL en utilisant PHP ?

Quels sont les scénarios d'application des types d'énumération Java dans les bases de données ? Quels sont les scénarios d'application des types d'énumération Java dans les bases de données ? May 05, 2024 am 09:06 AM

Quels sont les scénarios d'application des types d'énumération Java dans les bases de données ?

Comment les annotations de la bibliothèque Jackson contrôlent-elles la sérialisation et la désérialisation JSON ? Comment les annotations de la bibliothèque Jackson contrôlent-elles la sérialisation et la désérialisation JSON ? May 06, 2024 pm 10:09 PM

Comment les annotations de la bibliothèque Jackson contrôlent-elles la sérialisation et la désérialisation JSON ?

Comment corriger les erreurs mysql_native_password non chargé sur MySQL 8.4 Comment corriger les erreurs mysql_native_password non chargé sur MySQL 8.4 Dec 09, 2024 am 11:42 AM

Comment corriger les erreurs mysql_native_password non chargé sur MySQL 8.4

Comment utiliser les procédures stockées MySQL en PHP ? Comment utiliser les procédures stockées MySQL en PHP ? Jun 02, 2024 pm 02:13 PM

Comment utiliser les procédures stockées MySQL en PHP ?

See all articles