Question

我有一个代码，它应该删除数据而不刷新。删除过程有效，但我必须刷新以删除数据。继承我的代码请帮帮我

Ajax：

$(function () {
  $(".trash").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.php", //URL to the delete php script
        data: info,
        success: function () {}
      });
      $(this).parents(".record").animate("fast").animate({
        opacity: "hide"
      }, "slow");
    }
    return false;
  });
});

这是我的html：

<td style="padding-left: 23px">
    <img class="photo" data-toggle="modal" data-target="#gallery<?php echo $photo; ?>"  src="<?php echo $r1['photo'];  ?>" />

    <div class="hotel">
        <button class="trash" id="<?php echo $r1['photo_id']; ?>" > <span class="glyphicon glyphicon-remove" aria-hidden="true"></span></button>
    </div>
</td>

如果我将按钮悬停在图像上，则会出现.trash按钮，如果单击该按钮，则必须删除该图像。请帮帮我。

Answer 1

您可以将数据图像ID attr提供给父tr，

<tr data-image-id="<?php echo $r1['photo_id']; ?>">

成功删除过程后（在你的ajax成功函数中）你可以运行下面的代码。

$("tr[data-image-id="+del_id+"]").remove();

Answer 2

您的代码有效，也许您需要显示完整的html，或者至少显示类＆＃34; .record＆＃34;分析＆＃34;错误＆＃34;

Answer 3

无需在表格行（TR）中为ID添加额外属性。

$('.glyphicon-remove').on('click',function() { 
  $(this).closest( 'tr').remove();
  return false;
});

Answer 4

尝试一下：

function delete_value(id)
    {
      if(confirm('Are you sure you want to delete this?'))
      {
        // ajax delete data from database
          $.ajax({
            url : "<?php echo site_url('yoururl/del')?>/"+id,
            type: "POST",
            success: function(data)
            {
				      $("tr[id="+id+"]").remove();
            },
            error: function (jqXHR, textStatus, errorThrown)
            {
                alert('Error deleting data');
            }
        });

      }
    }

<button class="btn btn-danger" onclick="delete_value(<?php echo $row->id;?>)"><i class="glyphicon glyphicon-remove"></i></button>

<!--- add tr id --->
<tr id="<?php echo $row->id; ?>">

从数据库删除记录而不刷新

4 个答案: