javascript - 使用 javascript 填充动态列表

Question

我被某件事困住了。

我想在单击 Like 时将用户的 id 添加到数据库，并在 <p id="likes_<? echo $item-id; ?>"></p> 中显示一些用户信息.

<script type="text/javascript">
    var user_id = "<? echo $user_id; ?>";
</script>

<? foreach ($items->result() as $item): ?>
    <p>This is the <? echo $item->title; ?></p>
    <p><a class="test" id="<? echo $item->id; ?>" href="#">Like</a></p>
    The following like this:
    <p id="likes_<? echo $item->id; ?>"></p>
<? endforeach; ?>

这是也用于发布的js文件。这就是我被困住的地方。我不知道如何返回每个帖子的数据。我硬编码了 id $("p#likes_" + 8).html(data.content);只是为了测试它。除此之外，一切正常。

$(document).ready(function() {

    $("a.test").click(function() {

            $.post(base_url + "index.php/home/like", { user_id : user_id, post_id : $(this).attr('id') }, function(data)
            {
                    alert(data);
            }, "json");

             });

            function get_like()
            {
                    $.post(base_url + 'index.php/home/get_like', { post_id : $(this).attr('id')  }, function(data)
                    {
                            var post_id = $(this).attr('id')
                            if (data.status == 'ok')
                            {
                                    $("p#likes_" + 8).html(data.content);
                            }

                    }, "json");
    }

    get_wait();

});

我不会发布 Controller 和模型代码，但如果需要，我可以添加它。使用 Codeigniter。

Answer 1

我不确定我是否理解你的意思。我假设您想填写所有 p#likes_X元素？如果是这样，您应该将所有 <p>在一个根中，使用 $("p").each() ，全部拆分id由 _ 提供并运行你的函数 get_like($id) .