Lỗi font chữ khi load dữ liệu ra json năm 2024
JSON là viết tắt của JavaScript Object Notation, là một kiểu định dạng dữ liệu tuân theo một quy luật nhất định mà hầu hết các ngôn ngữ lập trình hiện nay đều có thể đọc được. JSON là một tiêu chuẩn mở để trao đổi dữ liệu trên web. Show Định nghĩaĐịnh dạng JSON sử dụng các cặp { }Ta có thể thấy cú pháp của JSON có 2 phần đó là
File json có thể được lưu với bất kỳ phần mở rộng nào, tuy nhiên thông thường thì nó được lưu dưới phần mở rộng là var nhat = { "firstName" : "Nhat", "lastName" : "Nguyen", "age" : "34" }; 7 hoặc var nhat = { "firstName" : "Nhat", "lastName" : "Nguyen", "age" : "34" }; 8. JSON ban đầu được phát triển để dành phục vụ cho ứng dụng viết bằng JavaScript. Tuy nhiên vì JSON là một định dạng dữ liệu nên nó có thể được sử dụng bởi bất cứ ngôn ngữ nào mà không bị giới hạn. Giá trị key trong JSON có thể là chuỗi (string), số (numner), rỗng (null), mảng (array), hoặc đối tượng (object). Tìm việc làm cho lập trình JSON Tìm việc làm lập trình Javascript Cấu trúc chuỗi JSONObject là gì?Object trong Json được thể hiện bằng dấu ngoặc nhọn {}. Khái niệm Object trong Json cũng khá tương đồng với Object trong Javascript. Tuy nhiên, Object trong Json vẫn có những giới hạn như:
Kiểu OBJECTvar nhat = { "firstName" : "Nhat", "lastName" : "Nguyen", "age" : "34" }; Kiểu OBJECT IN ARRAYvar employees = [{ "name" : "Binh", "age" : "38", "gender" : "male" }, { "name" : "Nhat", "age" : "34", "gender" : "male" }, { "name" : "Nhu", "age" : "25", "gender" : "female" }]; Kiểu NEST OBJECTvar employees = { "hieu" : { "name" : "Hieu", "age" : "29", "gender" : "male" }, "nhat" : { "name" : "Nhat", "age" : "34", "gender" : "male" }, "nhu" : { "name" : "Nhu", "age" : "25", "gender" : "female" } } Nên sử dụng JSON khi nàoĐó là khi bạn muốn lưu trữ dữ liệu đơn thuần dưới dạng metadata ở phía server. Chuỗi JSON sẽ được lưu vào database và sau đó khi cần dữ liệu thì sẽ được giải mã. Ví dụ với PHP, nó cung cấp các hàm liên quan đến JSON để mã hóa hoặc giải mã là json_encode và json_decode. Một trường hợp khá phổ biến trong JavaScript mà dữ liệu được định dạng theo format JSON xuất hiện đó là trong các AJAX request. Ví dụ bạn tạo tập tin var employees = [{ "name" : "Binh", "age" : "38", "gender" : "male" }, { "name" : "Nhat", "age" : "34", "gender" : "male" }, { "name" : "Nhu", "age" : "25", "gender" : "female" }]; 0 thì server trả về nội dung của tập tin này) và sau đó bạn tạo một tập tin var employees = [{ "name" : "Binh", "age" : "38", "gender" : "male" }, { "name" : "Nhat", "age" : "34", "gender" : "male" }, { "name" : "Nhu", "age" : "25", "gender" : "female" }]; 1 với nội dung như sau:
Đoạn code trên sử dụng var employees = [{ "name" : "Binh", "age" : "38", "gender" : "male" }, { "name" : "Nhat", "age" : "34", "gender" : "male" }, { "name" : "Nhu", "age" : "25", "gender" : "female" }]; 2 để gửi AJAX request lên server lấy về nội dung file var employees = [{ "name" : "Binh", "age" : "38", "gender" : "male" }, { "name" : "Nhat", "age" : "34", "gender" : "male" }, { "name" : "Nhu", "age" : "25", "gender" : "female" }]; 4. Nếu bạn mở developer console của trình duyệt lên (nhấn phím F12) bạn sẽ thấy kiểu dữ liệu của biến var employees = [{ "name" : "Binh", "age" : "38", "gender" : "male" }, { "name" : "Nhat", "age" : "34", "gender" : "male" }, { "name" : "Nhu", "age" : "25", "gender" : "female" }]; 4 này được JavaScript var employees = [{ "name" : "Binh", "age" : "38", "gender" : "male" }, { "name" : "Nhat", "age" : "34", "gender" : "male" }, { "name" : "Nhu", "age" : "25", "gender" : "female" }]; 6 với các thuộc tính như var employees = [{ "name" : "Binh", "age" : "38", "gender" : "male" }, { "name" : "Nhat", "age" : "34", "gender" : "male" }, { "name" : "Nhu", "age" : "25", "gender" : "female" }]; 7, var employees = [{ "name" : "Binh", "age" : "38", "gender" : "male" }, { "name" : "Nhat", "age" : "34", "gender" : "male" }, { "name" : "Nhu", "age" : "25", "gender" : "female" }]; 8, var employees = [{ "name" : "Binh", "age" : "38", "gender" : "male" }, { "name" : "Nhat", "age" : "34", "gender" : "male" }, { "name" : "Nhu", "age" : "25", "gender" : "female" }]; 9. Bài viết liên quan về JSON, tham khảo thêm ở đây nè:
Hy vọng với bài viết này bạn sẽ hiểu rõ hơn về JSON là gì cũng như các ứng dụng và cấu trúc của nó như thế nào. Đừng quên cập nhật thêm các nội dung mới hữu ích cho các Dever tại TopDev Blog nhé! Cảm ơn các bạn vì đã luôn ủng hộ chúng tớ. |