使用post id作为id属性来构建博客帖子

时间:2017-02-11 01:27:16

标签: javascript jquery html ajax

如何在HTML中构建博客文章/评论,以便我以后可以使用jQuery / Javascript选择它们来更新/删除/ Ajax调用?

我的直觉是使用这些帖子' / comments' ID(数据库中的主键)作为HTML中的id=属性,例如

<section class="posts">
  <div id=**post's ID (primary key) here**> post </div>
</section>

这是件坏事吗? (将详细信息暴露给网络,如主键等)或不一定?

1 个答案:

答案 0 :(得分:1)

我没有看到问题。假设您的服务器返回JSON中的实体列表:

{
    "comments": [
        { "id": "001", "author": "Jack", "comment": "Hello" },
        { "id": "002", "author": "Jill", "comment": "there" }
    ],
    "posts": [
        { "id": "003", "author": "Greg", "comment": "This is an awesome website." },
    ]
}

您可以使用每个的id属性将其存储在HTML中以供日后检索:

<div id='001'>Hello</div>
<div id='002'>there</div>

请注意,HTML id在整个网页中都是全球性的,因此您在页面上显示的评论,帖子和任何其他实体的id必须是唯一的。为它们添加前缀以避免冲突可能是个好主意,例如comment001comment002post001等。

这基本上是其他框架(如React)在幕后的作用。