如何使用jQuery在codeigniter中點擊按鈕來刪除數據庫中的記錄

Question

我想要在codeigniter中使用jQuery刪除單擊刪除按鈕時從數據庫中刪除記錄。這是我的代碼。

$("#project").on("click", ".dltbtn", function() { 
    $("#cur_del").val($(this).attr("data-id")); 
}); 

$("#del_yes").click(function() { 
    alert('hello'); 
    var id = $("#cur_del").val(); 
    if (id !== "") { 
    $.post("<?php echo site_url(); ?>/Project/delete", { 
     id: id 
    }, function() { 
     $("#tr_" + $("#cur_del").val()).parent().parent().remove(); 

    }); 
    } 
}); 

<button type="button" class="btn btn-danger btn-sm dltbtn" data-toggle="modal" 
data-id="<?php echo $row->id ?>" 
data-target="#myModal2" title="delete"><i class="fa fa-trash"></button> 

Answer 1

我覺得沒有被正確生成你正在做的POST請求作爲整個PHP的事情是在一個字符串。試試這個，並檢查網絡，如果它真的發送請求，並進入它的成功回調。

$("#del_yes").click(function() { 
    var id = $("#cur_del").val(); 
    if (id !== "") { 
    $.post(<?php echo site_url(); ?> + "/Project/delete", { 
     id: id 
    }, function() { 
     console.log('Delete success at server end. Now removing from html'); 
     $("#tr_" + id).parent().parent().remove(); 
    }); 
    } 
});