【问题标题】:Parsing arbitrary json with json2html使用 json2html 解析任意 json
【发布时间】:2015-02-05 20:19:53
【问题描述】:

有人知道 json2html 的详细 api 级文档吗?我浏览了他们的网页,发现的文档很少。

基本上,我想采用任意 json,并将其转换为漂亮的 html,就像 json2html 网页上的“json 可视化器”示例一样,但是如果可视化器是 json2html lib 的一部分,或者如果完全是另外一回事。

第二个问题:

在他们的示例中,它们具有以下转换:

var transform = {'tag':'li','html':'${name} (${age})'};

假设我知道 json 将具有“名称”和“年龄”,有没有办法对此进行通配符,并且只以相同的形式但具有任何名称?

【问题讨论】:

    标签: json2html


    【解决方案1】:

    实际上,该库相当简单,完整的源代码可以在github 上找到,所以如果你愿意,可以随意挑选。至于文档,请查看示例下的website 以开始使用。

    第一个问题“任意 json,并把它变成漂亮的 html,很像“json 可视化器” 简单的答案是肯定的,你可以使用 json2html 可视化非结构化的 json。虽然 visualizer 不是然而,它是使用 json2html 创建的库的一部分。看看源代码,它都有很好的注释,它应该让您对我们如何创建它有一个很好的了解。

    第二个问题“有没有办法使用通配符”简短的回答是肯定的,只需使用内联函数

     {'tag':'li','html':function() {
        return(this.myWildcardVariable);
     }}
    

    但是,由于我对您要实现的目标有点困惑,所以我想说从基础知识(示例)开始,您可能会更好地了解库可以做什么。

    【讨论】:

    • 我想源代码对于熟练的 javascript/web 从业者来说已经足够了,但我是 web 新手,我主要做嵌入式 C。我的目标是能够呈现与实时(ish)机器人,当各种数据点和结构发生变化时,无需更改任何 html/web 代码。我确实拼凑了一些可行的东西,但它比我想要的更脆弱,并且只能处理具有特定名称的数据对。
    • 我正在使用的转换代码:我的转换函数的代码如下:var transforms = {'tag':'table style="border:1px solid black;border-collapse:collapse;" ,'html':<tr>\n\ <th width="320" align="left" style="border:1px solid black;">${key}</th>\n\ <td width="320" align="left" style="border:1px solid black;">${value}</td>\ </tr>\n'}; 我会尝试使用您的建议来改进我的转换。
    猜你喜欢
    • 2021-10-24
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-10-02
    • 2013-11-14
    相关资源
    最近更新 更多