简体   繁体   English

无法将 json 文件放在看起来更漂亮的有序 HTML 中

[英]unable to put json file in an ordered HTML that looks prettier

I am trying to put my contents of JSON files in a prettier HTML format with tables and rows and probably colors too but have no idea how can I do that.我正在尝试将 JSON 文件的内容以更漂亮的 HTML 格式放入表格和行,可能还有颜色,但不知道我该怎么做。 Can anyone please assist.任何人都可以请帮忙。 Below are two JSON files I am trying to put it in HTML file以下是我试图将其放入 HTML 文件中的两个 JSON 文件

''' {"CorrelationId": "awsnightlyendtoend_zone08_20190828T2319", "ValidationType": "validate_adwactivityfact", "Success": false, "OutputPath": ["s3://zone08-data-validation/awsnightlyendtoend_zone08_20190828T2319/validate_adwactivityfact/requires-replay.csv", "s3://zone08-data-validation/awsnightlyendtoend_zone08_20190828T2319/validate_adwactivityfact/require-investigation.csv"], "ValidationDetail": "Comparison Failed: matched=146455, missing=6, mismatched=0, percent success=99.9918066925666%"} ''' {"CorrelationId": "awsnightlyendtoend_zone08_20190828T2319", "ValidationType": "validate_adwactivityfact", "Success": false, "OutputPath": ["s3://zone08-data-validation/awsnightlyendtoend_zone08_28revalidation/awsnightlyendtoend_zone08_28revalids/requires/ csv", "s3://zone08-data-validation/awsnightlyendtoend_zone08_20190828T2319/validate_adwactivityfact/require-investigation.csv"], "ValidationDetail": "比较失败:匹配=146455,缺失=6,不匹配=0.969256% %"}

{"CorrelationId": "awsnightlyendtoend_zone50_20190828T2303", "ValidationType": "validate_adwactivityfact", "Success": false, "OutputPath": ["s3://zone50-data-validation/awsnightlyendtoend_zone50_20190828T2303/validate_adwactivityfact/requires-replay.csv", "s3://zone50-data-validation/awsnightlyendtoend_zone50_20190828T2303/validate_adwactivityfact/require-investigation.csv"], "ValidationDetail": "Comparison Failed: matched=145541, missing=24, mismatched=0, percent success=99.96702504036%"} ''' {"CorrelationId": "awsnightlyendtoend_zone50_20190828T2303", "ValidationType": "validate_adwactivityfact", "Success": false, "OutputPath": ["s3://zone50-data-validation/awsnightlyendtoend_zone50_201293082_201293082_20193082. "s3://zone50-data-validation/awsnightlyendtoend_zone50_20190828T2303/validate_adwactivityfact/require-investigation.csv"], "ValidationDetail": "比较失败:匹配=145541,缺失=24,不匹配=0,成功百分比=9259}46。 '''

如果你只打算做一次,你可以使用一个在线的 json 到 html 转换器(比如这个: http : //convertjson.com/json-to-html-table.htm如果不是,你必须使用一些 javascript 来转换解析 json 并显示为 html。(可能只有jQuery可以做到这一点)

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM