Xem thảo luận
Cải thiện bài viết
Lưu bài viết
Xem thảo luận
Cải thiện bài viết
Lưu bài viết
Đọc
Bàn luận We have a JSON file containing data in the form of an array of objects. In our code, we are using jQuery to complete our task. The jQuery code uses getJSON[] method to fetch the data from the file’s location using an AJAX HTTP GET request. It takes two arguments. One is the location of the JSON file and the other is the function containing the JSON data. The each[] function is used to iterate through all the objects in the array. It also takes two arguments. One is the data and the other one is the function containing the index and the element. An empty string is used to construct rows that contain the data from the JSON objects. The append[] method is used to append the string containing rows in the table.
Nhiệm vụ là tìm nạp dữ liệu từ tệp JSON đã cho và chuyển đổi dữ liệu thành bảng HTML.
Example:
Cách tiếp cận: Chúng tôi có một tệp JSON chứa dữ liệu dưới dạng một mảng các đối tượng. Trong mã của chúng tôi, chúng tôi đang sử dụng jQuery để hoàn thành nhiệm vụ của mình. Mã jQuery sử dụng phương thức GetJson [] để tìm nạp dữ liệu từ vị trí tệp tệp bằng cách sử dụng yêu cầu AJAX HTTP GET. Nó có hai đối số. Một là vị trí của tệp JSON và một là hàm chứa dữ liệu JSON. Hàm mỗi [] được sử dụng để lặp qua tất cả các đối tượng trong mảng. Nó cũng có hai đối số. Một là dữ liệu và dữ liệu còn lại là hàm chứa chỉ mục và phần tử. Một chuỗi trống được sử dụng để xây dựng các hàng có chứa dữ liệu từ các đối tượng JSON. Phương thức append [] được sử dụng để nối chuỗi chứa các hàng trong bảng.
Tệp JSON:
0
=
7>
2
=
7>
4
Các
>
5>
8
=
5"en"
4
=
55
>
6
=
7
>
5
>
5
>
5
>
5
=
7lang
8html
18>
=
7
>
5html
53
____000101
html
54html
57
html
58html
59
html
60html
61
html
60html
63
html
60html
65
html
58html
67
html
58html
69
html
58html
71html
18html
73
html
58html
71html
76html
77
html
78html
79html
76html
73
html
58html
71html
76html
77
html
78html
87html
76html
73
html
58html
71html
76html
77
html
78html
95html
76html
73
html
58html
71html
76html
77
=
5
html
58lang
07html
18html
73
html
60lang
11
html
60lang
13
html
60lang
15
html
54lang
11
>
5lang
11
=
7lang
8lang
4>
lang
8html
01>
lang
8
7>
lang
8html
>
Output:
html
54html
55
html
78lang
03html
76html
73“Write less, do more”.
You can learn jQuery from the ground up by following this jQuery Tutorial and jQuery Examples.