首頁猿問無法使用 AJAX 刪除 php 中的行

無法使用 AJAX 刪除 php 中的行

PHP

阿晨1998 2021-11-05 14:51:39

我正在使用 AJAX 在 PHP 中刪除行，但它顯示 Row 無法刪除。我的刪除按鈕是這樣的...while ($row = mysqli_fetch_array($exec)) {?> <tr> <td><?php echo $row["create_date"]; ?></td> <td><?php echo $row["bni_member_id"]; ?></td> <td><?php echo $row["bni_member_name"]; ?></td> <td><?php echo $row["bni_chapter_id"]; ?></td> <td><?php echo $row["bni_category_id"]; ?></td> <td><input type="button" name="delete" onclick="delFun()" value="delete" id="<?php echo $row["bni_member_id"]; ?>" class="btn btn-info btn-xs delete_data"/></td> </tr> <?php}?>我在點(diǎn)擊按鈕上調(diào)用一個(gè)函數(shù)。這樣的功能。它總是執(zhí)行部分無法刪除。我認(rèn)為有問題data: {del_id: del_id},我認(rèn)為數(shù)據(jù)有問題......但我無法解決它。 var delfin;$(document).ready(function () { delFun = function () { $('.delete_data').click(function () { var del_id = $(this).attr("name"); var $ele = $(this).parent().parent(); $.ajax({ url: "phpfile/delete.php", method: "POST", data: {del_id: del_id}, success: function (data) { if(data=="YES"){ $ele.fadeOut().remove(); }else{ alert("can't delete the row") } } }); }); } }); 我的 PHP 文件在另一個(gè)這樣的目錄中<?php include('../../connection.php'); $music_number = $_POST['del_id']; //echo $music_number; $qry = "DELETE FROM bni_member WHERE bni_member_id ='$music_number'"; $result=mysql_query($qry); if(isset($result)) { echo "YES"; } else { echo "NO"; }?>

查看完整描述

3 回答

慕哥9229398

TA貢獻(xiàn)1877條經(jīng)驗(yàn) 獲得超6個(gè)贊

第一個(gè)問題是，您name從刪除按鈕獲取屬性。您可以bni_member_id作為數(shù)據(jù)屬性傳遞而不是使用元素id屬性。它會(huì)引起混亂。

第二個(gè)問題是，您同時(shí)使用了onlick屬性和 jQuery 的click方法。使用它們就足夠了。您的輸入按鈕將如下所示：

然后你的js看起來像這樣：

$(document).ready(function () {

$('.delete_data').click(function () {

var del_id = $(this).data("bni_member_id");

var $ele = $(this).parent().parent();

$.ajax({

url: "phpfile/delete.php",

method: "POST",

data: {del_id: del_id},

success: function (data) {

if(data=="YES"){

$ele.fadeOut().remove();

} else {

alert("can't delete the row")

}

});

我希望這可以幫助你。

反對(duì) 回復(fù) 2021-11-05

呼喚遠(yuǎn)方

TA貢獻(xiàn)1856條經(jīng)驗(yàn) 獲得超11個(gè)贊

我正在與您分享我的代碼嘗試這樣

<tr>

<td><button type="button" name="delete_btn" id="<?php echo $row["examid"]; ?>" class="btn btn-sm btn-danger btn_delete"><i class="fa fa-trash"></i></button></td>

</tr>

添加腳本

$(document).on('click', '.btn_delete', function(){

// var id=$(this).data("id3");

var el = this;

var id = this.id;

var splitid = id.split("_");

// Delete id

var deleteid = splitid[1];

if(confirm("Are you sure you want to delete this?"))

{

$.ajax({

url:"path.....",

method:"POST",

data:{id:id},

dataType:"text",

success:function(data){

$(el).closest('tr').css('background','#d31027');

$(el).closest('tr').fadeOut(800, function(){

$(this).remove();

});

}

});

}

});

</script>

反對(duì) 回復(fù) 2021-11-05

茅侃侃

TA貢獻(xiàn)1842條經(jīng)驗(yàn) 獲得超22個(gè)贊

您可以更改刪除按鈕

<input type="button" name="delete" onclick="delFun()" value="delete" data-id="<?php echo $row["bni_member_id"]; ?>" class="btn btn-info btn-xs delete_data"/>

和 Jquery 事件

$(document).on("click",".delete_data",function () {

var del_id = $(this).data("id");

反對(duì) 回復(fù) 2021-11-05