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

标签 javascript php jquery mysql ajax

<分区>

我想在用户确认的情况下使用删除按钮从表中删除一行,但在 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表中删除行

所有这一切都无需刷新页面。这可能吗?

最佳答案

是的,这是可能的,但您应该只将条目的 ID 发送到特定页面以删除该条目。永远不要发送整个 sql 语句。

<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());
?>

关于javascript - 使用按钮删除sql行而不刷新页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26468089/

相关文章:

javascript - Angular Firebase 从匿名用户检索收集的数据

javascript - 如何在div中找到具有相同类的最后两个元素并为它们分配一个类?

php - laravel,如何在注册后在验证器中设置默认值

javascript - html代码中div标签的错误消息

javascript - 需要在 JS 中设置一个较短的超时时间……如何?

javascript - 不符合预期的 Bootstrap 表

javascript - 使用 jQuery 检测选择字段的选项值的变化

php - Yii2-无法上传图片

javascript - AngularJS 动态内容在页面刷新时消失

jquery - 如何将网站缩小25%