Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/assembly/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在JavaScript中显示注释线程层次结构?_Javascript_Json - Fatal编程技术网

如何在JavaScript中显示注释线程层次结构?

如何在JavaScript中显示注释线程层次结构?,javascript,json,Javascript,Json,我有一组JSON注释。 此JSON加载到浏览器中。 我希望将注释显示为线程注释层次结构,首先显示最新的注释。 为了找到正确的算法,我做了很多搜索。这当然是一个已解决的问题,但我找不到它 要解释JSON字段,请执行以下操作: createdtime=epochseconds(创建注释的时间) documentid=此注释的documentid parentdocumentid=此注释作为回复的注释的documentid topleveldocumentid=包含评论的博客文章的documenti

我有一组JSON注释。 此JSON加载到浏览器中。 我希望将注释显示为线程注释层次结构,首先显示最新的注释。 为了找到正确的算法,我做了很多搜索。这当然是一个已解决的问题,但我找不到它

要解释JSON字段,请执行以下操作:

  • createdtime=epochseconds(创建注释的时间)
  • documentid=此注释的documentid
  • parentdocumentid=此注释作为回复的注释的documentid
  • topleveldocumentid=包含评论的博客文章的documentid 属于
问题是,使用Javascript在HTML中将这些注释显示为层次结构的有效方法是什么?(Jquery代码很好)

编辑: 在下面的评论中,我有更具体的问题: 具体而言,我的问题是:

1:这个JSON数据结构是一个链表吗?”(即,每个项指定其父项)

2:有没有一种众所周知的算法可以迭代链表并将其显示为排序的注释层次结构?如果有,有人能告诉我一个描述吗

3:注释层次结构是“有序树”的同义词吗


谢谢

使用下划线库作为模板,使用
作为
循环中的…来循环数组中的每个对象(注释)

以下是使用此方法应遵循的基本模式的模型:

var data = {...your json obj...},
    markup = $("#tmpl").html(),
    commentTmpl = _.template(markup);

for (comment in data) {
    $("#comment-list").append( commentTmpl(comment) );
}
以及您的模板:

<script type="javascript/template">
    <li><%= commenttext %></li>
</script>

  • 阅读以下内容学习:

    • 主干模板文档:
    • jQuery文档:(使用搜索函数了解任何jQuery方法)

    问题太宽,不适合这样做。缩小问题范围会得到更多答案。您在哪一部分遇到问题?需要模板库?如何处理嵌套注释?您尝试了什么?现在问题看起来像是,请为我做我的工作!谢谢。我看不出此解决方案如何将注释组织到具有最新优先顺序的层次结构。您需要使用javascripts
    Array.sort()
    method,该方法仅适用于单个级别的注释线程(如stackoverflow),而不是层次结构(如hacker news).Hmmm…你能控制这个json的输出吗?理想情况下,每个注释都应该有一个
    子元素集合
    ,这就是你最终需要将json转换为的东西,无论是在服务器端还是客户端…我现在写一个例子
    <script type="javascript/template">
        <li><%= commenttext %></li>
    </script>