JSON là từ viết tắt của JavaScript Object Notation. Nó là một đối tượng JavaScript tổ chức dữ liệu theo các cặp khóa / giá trị. Lưu trữ dữ liệu theo cách này làm cho các đối tượng này nhẹ và độc lập với ngôn ngữ. Điều này có nghĩa là JSON có thể được đọc bởi hầu hết các ngôn ngữ lập trình.
JSON thường được sử dụng để truy xuất dữ liệu từ máy chủ đến phía máy khách vì nó nhẹ và dễ dàng đọc bởi con người và máy móc. Trong thế giới sử dụng nhiều API, JSON đủ linh hoạt để chỉ trích xuất dữ liệu mong muốn từ máy chủ đến người dùng.
Sử dụng JSON
Sử dụng JSON là một cách tiện dụng để lưu trữ dữ liệu được truyền từ máy chủ đến giao diện người dùng của một ứng dụng. Hầu hết các ngôn ngữ lập trình đều có các phương thức để chuyển đổi dữ liệu thành JSON. Trong một yêu cầu tìm nạp JavaScript, phản hồi dữ liệu được chuyển từ máy chủ được chuyển đổi thành JSON bằng cách gọi json() phương pháp theo yêu cầu. Đọc thêm về yêu cầu tìm nạp tại đây.
Tại sao chúng ta vẫn muốn chuyển đổi một phản hồi sang JSON? Một câu trả lời dài và khó giải mã đối với con người chúng ta. Bằng cách chuyển đổi phản hồi thành JSON, chúng tôi sắp xếp dữ liệu thành các cặp khóa / giá trị dễ đọc. Điều này làm cho dữ liệu dễ truy cập hơn thông qua mã chúng tôi viết để thực hiện điều gì đó với dữ liệu phản hồi.
Ví dụ về JSON
Trước tiên, hãy xem một phản hồi được chuyển đổi thành JSON có thể trông như thế nào. Chúng tôi đang gửi một yêu cầu tìm nạp tới một API cho chúng tôi biết có bao nhiêu phi hành gia hiện đang ở trong không gian trong ví dụ bên dưới.
fetch ('https://api.open-notify.org/astros.json') .then (response => response.json ()). then (data => console.log (data))
Vì mục đích của chúng tôi, chúng tôi sẽ ghi lại phản hồi mà chúng tôi đã chuyển đổi thành JSON trong bảng điều khiển của mình.
{"nội dung":"thành công", "số":7, "người":[{"thủ công":"ISS", "tên":"Sergey Ryzhikov"}, {"thủ công":"ISS" , "name":"Kate Rubins"}, {"craft":"ISS", "name":"Sergey Kud-Sverchkov"}, {"craft":"ISS", "name":"Mike Hopkins"} , {"craft":"ISS", "name":"Victor Glover"}, {"craft":"ISS", "name":"Shannon Walker"}, {"craft":"ISS", "name ":" Soichi Noguchi "}]}
Chúng ta có thể thấy rằng bên trong đối tượng này là các khóa của “message”, “number” và “people”. Thông điệp chỉ ra một giá trị của “thành công”. Đây là một tin nhắn tốt cho chúng tôi biết tình trạng yêu cầu của chúng tôi.
Tiếp theo, phím số của chúng ta trỏ đến giá trị 7. Đây là tổng số người trong không gian. Cuối cùng, chúng tôi nhận được chìa khóa "mọi người" của chúng tôi. Giá trị của khóa này là một mảng. Bên trong mảng này có nhiều đối tượng hơn với các phím “craft” và “name”. Giá trị của chúng tôi đối với các phím này là tên của tàu vũ trụ và phi hành gia trên tàu.
81% người tham gia cho biết họ cảm thấy tự tin hơn về triển vọng công việc công nghệ của mình sau khi tham gia một cuộc thi đào tạo. Kết hợp với bootcamp ngay hôm nay.
Sinh viên tốt nghiệp bootcamp trung bình đã dành ít hơn sáu tháng để chuyển đổi nghề nghiệp, từ khi bắt đầu bootcamp đến khi tìm được công việc đầu tiên của họ.
JSON có thể được lồng vào nhau nhiều lần. Ở giai đoạn này trong yêu cầu tìm nạp của chúng tôi, phản hồi đã được chuyển đổi thành JSON và bây giờ bước tiếp theo là thực hiện điều gì đó với dữ liệu đó. Từ đây, chúng tôi có thể sử dụng dữ liệu này để điền vào một hàng thẻ cho mỗi phi hành gia. Việc cần làm với dữ liệu được xác định bởi những gì bạn muốn ứng dụng của mình đạt được.
Kết luận
Tóm lại, chúng ta đã biết rằng JSON là một đối tượng được sử dụng để lưu trữ dữ liệu. Thông thường, dữ liệu đó là từ máy chủ dưới dạng phản hồi trong một yêu cầu tìm nạp. Chúng tôi cũng đã biết rằng JavaScript đi kèm với json() phương thức sẽ chuyển đổi một phản hồi thành JSON.
Đối với giao diện người dùng của bất kỳ ứng dụng nào để sử dụng dữ liệu từ máy chủ, nó phải ở định dạng JSON. Sau khi chúng tôi chuyển đổi một phản hồi thành JSON, chúng tôi có thể tự do xây dựng bất kỳ thứ gì chúng tôi muốn xung quanh dữ liệu đó. Để đi sâu hơn vào json() trong các yêu cầu tìm nạp, hãy tham khảo hướng dẫn này.