使用按钮删除sql行而不刷新页面

Question

我想从表中删除一行，使用删除按钮，用户确认，但在jQuery ajax的帮助下不刷新页面。

我对php、html、javascript、jquery和sql略知一二。我不知道该如何做，但我真正想做的是能够从sql表中提取数据(我已经知道如何做到这一点)。

然后用一个按钮显示数据(我也知道怎么做)。当他们单击按钮时，它将删除包含可见数据的元素，并发送sql语句以删除数据库中的行。一段非常粗糙的代码。

<?php
echo '<p>Data 1: '".$someDataFromDB."'<button id='deleteThisRow'></button></p>;
?>

从这个我想：

1. 单击按钮
2. 删除段落元素，以便用户知道它已被删除。
3. 然后发送一条sql语句，从sql表中删除该行。

所有这些都没有刷新页面。这有可能吗？

Answer 1

是的，这是可能的，但是您应该只将条目的id发送到特定的页面，以删除整个entry.never语句。

<button id="<?php echo $row['id']; ?>" class="delbutton"></button>

将此脚本添加到页面中

<script type="text/javascript" >
        $(function() {

            $(".delbutton").click(function() {
                var del_id = $(this).attr("id");
                var info = 'id=' + del_id;
                if (confirm("Sure you want to delete this post? This cannot be undone later.")) {
                    $.ajax({
                        type : "POST",
                        url : "delete_entry.php", //URL to the delete php script
                        data : info,
                        success : function() {
                        }
                    });
                    $(this).parents(".record").animate("fast").animate({
                        opacity : "hide"
                    }, "slow");
                }
                return false;
            });
        });
 </script>

最后但并非最不重要的是删除脚本

<?php
include 'connection.php';
$id=$_POST['id'];
$delete = "DELETE FROM table WHERE id=$id";
$result = mysql_query($delete) or die(mysql_error());
?>