JavaScript có thể đọc tệp JSON không?
Chúng tôi có thể sử dụng mô-đun yêu cầu để truy cập tệp json nếu chúng tôi đang chạy tệp JavaScript của mình trong môi trường NodeJS Show
Thí dụMã cho điều này sẽ là - const configData = require('./config.json'); console.log(typeof configData); console.log(configData); Phương pháp 2. Sử dụng mô-đun nhập ES6 (chỉ Môi trường thời gian chạy web)Nếu chúng tôi muốn truy cập tệp json trong khi chạy JavaScript trên trình duyệt, chúng tôi có thể sử dụng cú pháp nhập ES6 để làm điều đó JSON là viết tắt của Chúng tôi sẽ thảo luận về cách tải tệp JSON trong bài viết này Chúng tôi sẽ đọc tệp JSON sau
Sử dụng hàm require() để tải tệp JSON trong JavaScriptTrong JavaScript, chúng ta có thể sử dụng phương thức Ví dụ,
đầu ra
Sử dụng hàm fetch() để tải tệp JSON trong JavaScriptHàm này tìm nạp tệp từ đường dẫn nơi nó được lưu và sau đó trả về tệp dưới dạng phản hồi trong 0. Chức năng này chỉ phù hợp để làm việc trong môi trường dựa trên web vì API tìm nạp chỉ hoạt động trong môi trường đó Một phần lớn các giao dịch dữ liệu giữa máy khách và máy chủ là JSON. Trong bài viết này, chúng ta sẽ thảo luận về 3 cách khác nhau để đọc tệp JSON trong JavaScript JSON được sử dụng để lưu trữ dữ liệu theo cách có cấu trúc. Bạn có thể lưu trữ dữ liệu về khách hàng của mình trong tệp JSON và sau đó đọc nó bằng JavaScript Một tệp JSON có thể được lưu trữ trong máy chủ hoặc trong máy khách. Chúng ta sẽ xem làm thế nào để đọc cả hai Mục lục 1. Sử dụng phương thức fetch() methodPhương thức fetch() được sử dụng để gửi và nhận dữ liệu từ máy chủ. Nó có thể được sử dụng để đọc các tệp JSON được lưu trữ trong máy chủ hoặc trong máy khách. Nó là một phần cốt lõi của JavaScript và bạn không cần nhập bất kỳ thư viện nào để sử dụng nó cú pháp
Đây, url là URL của tệp JSON. Nó có thể là một tệp cục bộ hoặc một tệp từ xa. Phương thức fetch() trả về một đối tượng Promise . Đây là một ví dụ làm việc Thí dụ
chạy ở đây Nhấn nút chạy và bạn sẽ thấy tệp JSON được tìm nạp và hiển thị trong bảng điều khiển Nếu tệp JSON của bạn nằm trong một máy chủ từ xa thì bạn có thể làm theo các bước tương tự, chỉ cần chuyển đúng URL của tệp JSON vào fetch() method. Thí dụ
chạy ở đây Ví dụ trên sẽ lấy dữ liệu từ máy chủ từ xa và hiển thị nó trong bảng điều khiển 2. Sử dụng AJAXAJAX dùng để gửi và nhận dữ liệu từ máy chủ. Bạn có thể sử dụng nó để yêu cầu tệp JSON từ máy chủ và máy chủ sẽ gửi dữ liệu của tệp JSON trở lại máy khách. Lưu ý . AJAX chỉ hỗ trợ giao thức http . Nó sẽ không hoạt động đối với các tệp cục bộ. Để lấy các tệp cục bộ, bạn cần chạy máy chủ cục bộ và bạn sẽ có thể truy cập các tệp cục bộ. Hãy xem cách sử dụng AJAX để đọc tệp JSON trong JavaScript Thí dụ chạy ở đây Mã giải thích
3. Sử dụng jQueryjQuery là một thư viện JavaScript được sử dụng để làm cho JavaScript dễ sử dụng hơn. Nó cung cấp nhiều phương pháp hữu ích để làm cho cuộc sống của bạn dễ dàng hơn. Để nhận JSON, bạn có thể sử dụng $. getJSON() phương thức sử dụng AJAX đằng sau hậu trường để lấy tệp JSON từ máy chủ. Vì nó sử dụng AJAX nên nó sẽ không hoạt động đối với các tệp cục bộ Đây là một ví dụ hoạt động của $. phương thức getJSON() . Thí dụ
chạy ở đây Phần kết luậnChúng ta đã thấy 3 cách khác nhau để đọc tệp JSON trong JavaScript. Bạn cũng có thể sử dụng phương pháp tương tự để đọc các tệp XML và làm điều gì đó hữu ích Làm cách nào để mở tệp JSON trong JavaScript?Trong bài viết này, chúng ta sẽ mở tệp JSON bằng JavaScript. . Tạo tệp JSON, thêm dữ liệu vào tệp JSON đó Sử dụng JavaScript tìm nạp tệp JSON đã tạo bằng phương thức tìm nạp () Hiển thị dữ liệu trên bàn điều khiển hoặc trong cửa sổ Làm cách nào để đọc đối tượng JSON trong JavaScript?Để truy cập đối tượng JSON trong JavaScript, hãy phân tích cú pháp đối tượng đó bằng JSON. parse() và truy cập thông qua “. ” hoặc “[]” . |