MySql und Javascript: So verarbeiten Sie JSON-Daten

Mit der kontinuierlichen Weiterentwicklung der Internettechnologie werden Daten im JSON-Format (JavaScript Object Notation) immer häufiger. In Webanwendungen ist es oft notwendig, JSON-Daten in einer Datenbank zu speichern und dann Javascript zu verwenden, um die Daten aus der Datenbank zu extrahieren und auf der Webseite anzuzeigen. Allerdings ist der Umgang mit diesen JSON-Daten, insbesondere in MySQL und Javascript, oft verwirrend.

Dieser Artikel führt Leser in die Verarbeitung von JSON-Daten ein, einschließlich der Verwendung von MySQL zum Speichern von JSON-Daten und der Verwendung von Javascript zum Abfragen, Aktualisieren und Anzeigen von JSON-Daten.

JSON-Datenverarbeitung in MySQL

MySQL unterstützt den JSON-Datentyp ab Version 5.7.8, was eine sehr bequeme Möglichkeit zur Verarbeitung von JSON-Daten bietet. Wie andere Datentypen kann der JSON-Datentyp zur Definition von Tabellenstrukturen verwendet werden. Hier ist ein Beispiel:

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
);

Wie Sie sehen können, enthält diese Tabelle eine Spalte mit dem JSON-Datentyp „Details“, die zum Speichern von Produktdetails verwendet wird. Da der JSON-Datentyp die Indizierung unterstützt, können JSON-Spalten abgerufen und sortiert werden. In praktischen Anwendungen kann die Tabellenstruktur zur Speicherung von JSON-Daten nach Bedarf angepasst werden.

In MySQL können Sie die Funktion JSON_OBJECT() verwenden, um Daten in das JSON-Format zu konvertieren, und die Funktion JSON_EXTRACT() verwenden, um JSON-Daten abzufragen. Hier ist zum Beispiel ein Beispielcode:

-- 插入 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';

In MySQL können Sie typspezifische JSON-Operationen verwenden, um Datenoperationen wie das Hinzufügen, Löschen, Ändern und Abfragen von JSON-Daten auszuführen. Weitere JSON-Vorgänge finden Sie in der offiziellen MySQL-Dokumentation.

JSON-Datenverarbeitung in Javascript

JSON-Datenverarbeitung in Javascript ist im Vergleich zu MySQL häufiger. Das Parsen von JSON in Javascript-Objekte und das Konvertieren von Javascript-Objekten in JSON-Formatzeichenfolgen sind die grundlegendsten JSON-Verarbeitungsmethoden in Javascript.

So analysieren Sie beispielsweise ein Javascript-Objekt aus einem JSON-String:

const jsonString = '{"name":"andy","age":20}';
const jsonObject = JSON.parse(jsonString);
console.log(jsonObject.name); // 输出 andy
console.log(jsonObject.age);  // 输出 20

So manipulieren Sie ein beliebiges Javascript-Objekt und konvertieren es in einen JSON-Format-String:

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"]}}

Dieser JSON-Format-String kann an übergeben werden Der Server zur Verarbeitung Die Abfrage kann dem Benutzer auch in der Frontend-Oberfläche angezeigt werden.

Darüber hinaus stellen auch gängige Javascript-Bibliotheken (wie jQuery, React usw.) viele Funktionen und Methoden zur Verarbeitung von JSON-Daten bereit. Der Code, der jQuery verwendet, um eine POST-Anfrage an den Server zu senden und JSON-Daten zu empfangen, lautet beispielsweise wie folgt:

const data = { name: 'andy', age: 20 };
$.post('/api', data, function(response) {
  console.log(response);
}, 'json');

Der obige Code sendet eine POST-Anfrage an die Serveradresse „/api“ und übergibt die Javascript-Objektdaten an den Server über die POST-Anfrage. Die empfangene Serverantwort ist ein Javascript-Objekt, das analysiert und im JSON-Format verwendet werden kann.

Fazit

Die Verarbeitung von JSON-Daten ist einer der häufigsten Vorgänge in Webanwendungen. In diesem Artikel werden hauptsächlich Methoden zur Verarbeitung von JSON-Daten in MySQL und JavaScript vorgestellt. MySQL kann den JSON-Datentyp zum Speichern und Bearbeiten von JSON-Daten verwenden, während Javascript integrierte JSON-Objekte und Bibliotheken von Drittanbietern verwendet, um JSON-Daten zu analysieren, zu ändern und anzuzeigen.

Die Beherrschung der Grundkenntnisse der Verarbeitung von JSON-Daten kann Webanwendungen bei der Datenverarbeitung effizienter und flexibler machen und eine bessere Benutzererfahrung bieten.

Das obige ist der detaillierte Inhalt vonMySql und Javascript: So verarbeiten Sie JSON-Daten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!