Lab. JSON

Mục đích

Phân tích dữ liệu JSON và tạo các đối tượng DOM theo dữ liệu JSON nhận được.

Nội dung

Cho backend URL /data trả về dữ liệu JSON. Hãy viết một trang sử dụng AJAX để tải nội dung JSON về, sử dụng JavaScript tạo các đối tượng DOM theo dữ liệu JSON nhận được và hiển thị chúng trên giao diện.

Ví dụ mẫu như sau:

Họ và tên Tuổi Số lượng/Tên-mẫu xe

Hướng dẫn thực hiện

  1. Khai báo đối tượng XMLHttpRequest
  2. Viết hàm xử lý sự kiện onreadystatechange cho đối tượng XMLHttpRequest, nếu trạng thái readyState của nó là 4 thì đọc nội dung của responseText rồi chuyển nội dung JSON đọc được thành mảng các đối tượng Javascript nhờ gọi phương thức JSON.parse().
  3. Duyệt mảng đối tượng JavaScript, với mỗi đối tượng, tạo các đối tượng DOM làm hàng và ô của bảng rồi đưa vào bảng.