Chuyển đổi danh sách JSON sang html

Trình bao bọc Python để chuyển đổi JSON thành biểu diễn Bảng HTML có thể đọc được của con người

Ví dụ sử dụng

ví dụ 1. sử dụng cơ bản

from json2html import *
input = {
        "name": "json2html",
        "description": "Converts JSON to HTML tabular representation"
}
json2html.convert[json = input]

đầu ra

namejson2htmldescriptionconverts JSON to HTML tabular representation

Tên

json2html

sự miêu tả

Chuyển đổi biểu diễn dạng bảng JSON sang HTML

ví dụ 2. Đặt thuộc tính tùy chỉnh cho bảng

from json2html import *
input = {
        "name": "json2html",
        "description": "Converts JSON to HTML tabular representation"
}
json2html.convert[json = input, table_attributes="id=\"info-table\" class=\"table table-bordered table-hover\""]

đầu ra

namejson2htmldescriptionConverts JSON to HTML tabular representation

ví dụ 3. Clubbing cùng phím của. Mảng đối tượng

from json2html import *
input = {
        "sample": [{
                "a":1, "b":2, "c":3
        }, {
                "a":5, "b":6, "c":7
        }]
}
json2html.convert[json = input]

đầu ra

samplebca231675

Ví dụ 4. Mỗi hàng cho [các] khóa khác nhau của. Mảng đối tượng

from json2html import *
input = {
        "sample": [{
                "a":1, "b":2, "c":3
        }, {
                "1a1":5, "1b1":6, "c":7
        }]
}
json2html.convert[json = input]

đầu ra

sample
  • a1c3b2
  • 1b16c71a15

Ví dụ 5. [Nguồn. json. tổ chức/ví dụ]

________số 8_______

đầu ra

glossaryGlossDivGlossListGlossEntryGlossDefGlossSeeAlso
  • GML
  • XML
paraA meta-markup language, used to create markup languages such as DocBook.GlossSeemarkupAcronymSGMLGlossTermStandard Generalized Markup LanguageAbbrevISO 8879:1986SortAsSGMLIDSGMLtitleStitleexample glossary

jQuery tương tác với HTML DOM để thao tác các phần tử HTML. Bài viết này cung cấp hướng dẫn quy trình để chuyển đổi dữ liệu JSON sang bảng HTML bằng JavaScript/jQuery

Dữ liệu JSON chuyển đổi thành Bảng HTML như thế nào?

Firstly, of all, a document form is created with tag, in which an HTML table is created with

tag. After that, a JavaScript library is imported to employ the built-in features of jQuery. Finally, the JSON data is converted to the formatted table in the HTML document using JavaScript/jQuery.

Để thực hành chức năng này, chúng tôi đã cung cấp một ví dụ chi tiết tại đây

Thí dụ

Để hiểu rõ hơn, mã ví dụ được chia thành bốn phần. Những khối này được gọi là một phần cụ thể. Hãy tìm hiểu sâu về chúng

Phần 1. Tạo một bảng và chèn JavaScript/jQuery





Ví dụ chuyển dữ liệu json sang bảng html bằng jquery



tập lệnh >

trong mã

  • A table is created with
tag and various styles are added to it.
  • Finally, jQuery is imported in this section of code by tag to acquire the built-in functionality of JavaScript and jQuery.
  • Phần 2. Chèn phần tử vào List

    $ [ hàm [] {
    varmyList = [{ "Name": "Awais" , "Giáo dục". "BSCS" , "Vị trí". "Karachi"} ,
        { "Tên". "John" , "Giáo dục". "DPT" , "Vị trí". "Islamabad" } ,
        { "Tên". "Ali" , "Giáo dục". "B. Sc. " , "Vị trí". "Lahore" }]
    htmltable [ myList ];}]

    Mô tả của đoạn mã này được cung cấp dưới đây

    • Hàm được sử dụng để tìm nạp đối tượng JSON vào bảng HTML bằng cách chuyển myList làm đối số cho phương thức htmltable
    • Một danh sách “myList” được thêm vào để lưu trữ dữ liệu JSON
    • Trong danh sách này, Tên, Giáo dục và Vị trí được thêm làm tiêu đề. Hơn nữa, giá trị của các tiêu đề bảng này cũng được gán

    Phần 3. Chèn các giá trị chính cho dữ liệu nối thêm trong bảng HTML

    functionaddcols [ danh sách ] {
    var col = [];
    varhTr = $ ['];
    for [ vari = 0; i

    Chủ Đề