php - 简单的 AJAX 书签

Question

我在使用 PHP 的页面上有一个项目列表。我想添加一个简单的 AJAX 切换，以允许用户在浏览时为列表中的项目添加书签。

因此，如果 item->bookmark 字段 = 1，则该项目已添加书签，并且应该显示一个简单的图像。当他们再次单击它时，它会在 mysql 中使其变为“0”，并且书签图像会变回其他内容。

在不重新加载页面的情况下执行此操作的最佳方法是什么？

Answer 1

我觉得你可以在谷歌上搜索“jquery ajax example”，但是你来了......

HTML:

<div class="container">
    <div class="item" id="<?php echo $whateverYourIdIs; ?>">Bookmark me!</div>
</div>

jQuery:

$(document).ready(function(){
    $('.item', $('.container')).click(function(){
        var id = $(this).attr('id');
        $.ajax({
          type: "POST",
          url: "some.php",
          data: { id: id }
        }).done(function( msg ) {
          alert( "Data Saved: " + msg );
        });
    });
});