javascript - 如何检索帖子 ID 以通过 Ajax？

Question

假设我有一个网站，例如 Facebook、Twitter 或任何社交网络。我在提要中有帖子。我从后端检索有关每个帖子的数据列表。此数据包含 id、帖子描述、喜欢的数量等。 唯一的 id 是识别每个帖子的一种方式。

如果用户喜欢该帖子，我会设置一个 REST 框架；它会更新该帖子的点赞数，并在他/他喜欢该帖子时注册用户。为此，我需要在 localhost/like/{post_id}

上发出 AJAX 请求

如何获取帖子的id？我是否应该将此 ID 放在点赞按钮的 data-attribute 中，这样我就可以像这样检索 ID？如果是这种情况，我是否应该将 id 放在所有可操作的功能中(如按钮、不喜欢按钮、分享按钮等)？这是我帖子的按钮容器的样子:

        <div class="grid post__btn-container">
            <div class="item">
                <i class="like"></i>
            </div>
            <div class="item">
                <i class="dislike"></i>
            </div>
            <div class="item">
                <i class="share"></i>
            </div>
            <div class="item">
                <i class="comment"></i>
            </div>
        </div>

在 Ajax 中放置帖子 ID、获取它并将其作为 POST 请求传递的最佳方法是什么？

Answer 1

看看这个:

https://jsfiddle.net/x5m7j0Lk/

给定这样的设置

    <div class="grid post__btn-container" data-postid="123">
        <div class="item">
            <i class="like">Like</i>
        </div>
        <div class="item">
            <i class="dislike">Dislike</i>
        </div>
        <div class="item">
            <i class="share">Share</i>
        </div>
        <div class="item">
            <i class="comment">Comment</i>
        </div>
    </div>        
    <div class="grid post__btn-container" data-postid="456">
        <div class="item">
            <i class="like">Like</i>
        </div>
        <div class="item">
            <i class="dislike">Dislike</i>
        </div>
        <div class="item">
            <i class="share">Share</i>
        </div>
        <div class="item">
            <i class="comment">Comment</i>
        </div>
    </div>

您可以像这样检索 id:

var posts = $('div[class="grid post__btn-container"]').children()

posts.on("click", function(){
  var postId = $(this).parent().data('postid')
  alert(postId)
})