如何使用DOM2方法在Javascript中格式化JSON?

0000101010

我正在尝试为我的网站(博客页面作业)构建实时评论系统。想法是使用ajax将注释存储在mysql数据库中,并返回JSON文本以生成注释,而无需刷新。我完成了90%的工作,我只是不确定如何格式化JSON文本,使其看起来不像废话。

返回的用于注释的JSON如下:

[{“ c_name”:“测试评论者”,“ c_date”:“ 2014-08-14”,“评论”:“这是测试评论”}]

首先,在我的评论页面(postdetails.php)上,查询评论数据库表,并返回已为特定帖子存储的所有评论。然后,用户可以输入评论表单>提交>,并且ajax函数返回的JSON文本将自动显示在页面上。

已经存储在表中的初始注释通过php函数显示:

// Display comments in nice format 
          while ($row2 = mysql_fetch_array($result2))
          {
              echo "<div class = 'comments_user'>\n"; 
                  echo "<p>" . $row2['c_name'] ."</p>\n";
              echo "</div>\n"; 
              echo "<p class = 'date'>" . $row2['c_date'] . "</p>"; 
              echo "<p>" . $row2['comment'] ."</p>\n"; 
          }

我的问题是让JSON文本以类似的格式显示在先前的注释下方。我有普通的旧HTML来显示JSON返回的注释。通过定位如下所示的p标签id,我应该能够使用DOM进行操作:

    <!--Use JS and the DOM to manipulate this (live commenting)-->
        <div class = "comments_user">
            <p id = "commenter"></p>
        </div>
        <div class = "date_wrap">
            <p id = "c_date"></p>
        </div>
            <p id = "comment_content"></p>
        <hr/>
        </div>

JSON文本在'result'变量中返回。这被传递给我的JSON_to_HTML函数:

function JSON_to_HTML(result){
    var CM = JSON.parse(result);        

   // Need to traverse the DOM and display the array contents (JSON)
} 

我的问题是如何使用DOM将这些注释添加到上面显示的纯HTML代码中?我知道我可以使用document.getElementById(“ c_date”);获得p标签值。依此类推,但是我该如何将孩子追加到这些孩子身上呢?我熟悉Jquery append方法,但是为此,我只能使用香草Javascript。

我尝试做的一件事是使用一个全局变量来跟踪ajax函数被调用的次数(每个会话的注释数)。对于每个评论,我都可以遍历DOM并将一个子代添加到评论者,日期和评论页面。但是,我无法使它正常工作。

我的最后一招是将JSON返回到一个简单的表中(我知道该怎么做)。

这里有什么想法吗?谢谢!

耶罗恩

如果您已经有了html结构,则可以执行以下操作:

document.getElementById("c_date").textContent = CM[0].c_date;
// etc.

如果要添加html而不是纯文本,则可以使用innerHTML

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在JSON中格式化“ true”的正确方法是什么?

来自分类Dev

如何在Struts 2中格式化货币?

来自分类Dev

在JavaScript模板中格式化JSON日期

来自分类Dev

在HTML中格式化SPARQL查询时的JSON和JavaScript集成

来自分类Dev

如何在Google图表中格式化#的格式以使用逗号

来自分类Dev

使用SimpleDateFormat在Java中格式化JavaScript jQuery Date格式

来自分类Dev

如何在Symfony中格式化JSON输出

来自分类Dev

如何在JSON对象中格式化此Date

来自分类Dev

如何在Swift中格式化JSON字符串?

来自分类Dev

使用json_value时如何在TSql中格式化日期

来自分类Dev

如何在Jmeter中格式化JSON响应?

来自分类Dev

我该如何在angularjs中格式化json?

来自分类Dev

如何在JavaScript中格式化货币和时间

来自分类Dev

如何在ReactJs中格式化JSON结构

来自分类Dev

如何在Struts 2中格式化货币?

来自分类Dev

在PHP中格式化JSON对象

来自分类Dev

如何在bash中格式化数字(可能使用printf格式化)?

来自分类Dev

在Swift中格式化格式错误的数据以供JSON使用

来自分类Dev

如何在Google图表中格式化#的格式以使用逗号

来自分类Dev

使用Javascript从JSON格式化日期

来自分类Dev

如何使用javascript格式化日期

来自分类Dev

在 Javascript 中格式化所需的值

来自分类Dev

如何在 javascript 中格式化 JSON 输出

来自分类Dev

使用 javascript 格式化 JSON

来自分类Dev

在 Javascript 中格式化

来自分类Dev

如何在不使用 moment.js 的情况下在 javascript 中格式化日期

来自分类Dev

在 PowerBI 中格式化 JSON

来自分类Dev

如何在javascript中格式化下面的脚本

来自分类Dev

如何在 Django 中格式化 json 响应?

Related 相关文章

热门标签

归档