MySql dan Javascript: Cara memproses data JSON

Dengan pembangunan berterusan teknologi Internet, data dalam format JSON (JavaScript Object Notation) menjadi semakin biasa. Dalam aplikasi web, selalunya perlu untuk menyimpan data JSON dalam pangkalan data, dan kemudian menggunakan Javascript untuk mengekstrak data daripada pangkalan data dan memaparkannya pada halaman web. Walau bagaimanapun, cara mengendalikan data JSON ini, terutamanya dalam MySQL dan Javascript, sering mengelirukan.

Artikel ini akan memperkenalkan pembaca tentang cara memproses data JSON, termasuk menggunakan MySQL untuk menyimpan data JSON dan menggunakan Javascript untuk membuat pertanyaan, mengemas kini dan memaparkan data JSON.

Pemprosesan data JSON dalam MySQL

MySQL menyokong jenis data JSON bermula dari versi 5.7.8, yang menyediakan cara yang sangat mudah untuk memproses data JSON. Seperti jenis data lain, jenis data JSON boleh digunakan untuk menentukan struktur jadual. Berikut ialah contoh:

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

Seperti yang anda lihat, jadual ini mempunyai lajur jenis data JSON bernama butiran, yang digunakan untuk menyimpan butiran produk. Memandangkan jenis data JSON menyokong pengindeksan, lajur JSON boleh diambil dan diisih. Dalam aplikasi praktikal, struktur jadual untuk menyimpan data JSON boleh dilaraskan mengikut keperluan.

Dalam MySQL, anda boleh menggunakan fungsi JSON_OBJECT() untuk menukar data kepada format JSON dan menggunakan fungsi JSON_EXTRACT() untuk menanyakan data JSON. Sebagai contoh, berikut ialah beberapa kod sampel:

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

Dalam MySQL, anda boleh menggunakan operasi khusus jenis JSON untuk melaksanakan operasi data seperti menambah, memadam, mengubah suai dan menanyakan data JSON. Untuk lebih banyak operasi JSON, anda boleh menyemak dokumentasi rasmi MySQL.

Pemprosesan data JSON dalam Javascript

Pemprosesan data JSON dalam Javascript adalah lebih biasa daripada MySQL. Cara menghuraikan JSON ke dalam objek Javascript dan cara menukar objek Javascript ke dalam rentetan format JSON ialah kaedah pemprosesan JSON yang paling asas dalam Javascript.

Sebagai contoh, berikut ialah cara menghuraikan objek Javascript daripada rentetan JSON:

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

Begini cara untuk memanipulasi sebarang objek Javascript dan menukarnya menjadi rentetan berformat JSON:

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

Rentetan format JSON ini boleh dihantar ke pelayan untuk pertanyaan, atau ia boleh dipaparkan kepada pengguna dalam antara muka hadapan.

Selain itu, perpustakaan Javascript biasa (seperti jQuery, React, dll.) juga menyediakan banyak fungsi dan kaedah untuk memproses data JSON. Sebagai contoh, kod yang menggunakan jQuery untuk menghantar permintaan POST ke pelayan dan menerima data JSON kelihatan seperti ini:

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

Kod di atas akan menghantar permintaan POST ke alamat pelayan '/api' dan lulus Data objek Javascript melalui permintaan POST ke pelayan. Respons pelayan yang diterima ialah objek Javascript yang boleh dihuraikan dan digunakan dalam format JSON.

Kesimpulan

Memproses data JSON ialah salah satu operasi yang sangat biasa dalam aplikasi web. Artikel ini terutamanya memperkenalkan kaedah pemprosesan data JSON dalam MySQL dan JavaScript. MySQL boleh menggunakan jenis data JSON untuk menyimpan dan mengendalikan data JSON, manakala Javascript menggunakan objek JSON terbina dalam dan perpustakaan pihak ketiga untuk menghuraikan, mengubah suai dan memaparkan data JSON.

Menguasai kemahiran asas memproses data JSON boleh menjadikan aplikasi web lebih cekap dan fleksibel dalam memproses data serta memberikan pengalaman pengguna yang lebih baik.

Atas ialah kandungan terperinci MySql dan Javascript: Cara memproses data JSON. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!