Javascript（Jquery）輸入類型提交或按鈕沖突

Question

我想在刪除查詢完成后隱藏一行。

當我這樣做

<?php echo '<input type="submit" name="editProject'; echo $projectID; echo '" value="Edit" class="btn btn-success"/>';?>

該記錄將在數據庫中刪除，但該行不會隱藏。

這個

<input type="button"

將隱藏行，但不刪除數據庫中的記錄。

因此，如何刪除數據庫中的記錄並一起隱藏該行。

表中的表格：

<td class="deleterow"><form action="index.php" method="post">
    <?php echo '<button type="button" name="deleteProject'; echo $projectID; echo '" class="btn-sm btn btn-danger"><span class="glyphicon glyphicon-remove"></span></button>';?>
</form></td>

Javascript：

<script>

$(".deleterow").on("click", function(){
var $killrow = $(this).parent('tr');
    $killrow.addClass("danger");
$killrow.fadeOut(2000, function(){
    $(this).remove();
});});

</script>  

Answer 1

您必須進行ajax調用才能實現此功能。 我假設您的項目中有jQuery。

$(".deleterow").on("click", function(){
var $killrow = $(this).parent('tr');
$killrow.addClass("danger");
$killrow.fadeOut(2000, function() {
    $(this).remove();

    $.post("delete.php", {id: "<?php echo $projectID; ?>"})
        .done(function(data) {
            alert("Project deleted: " + data);
        });
});

}）;

我只添加了這一部分。

$.post("delete.php", {id: "<?php echo $projectID; ?>"})
.done(function(data) {
    alert("Project deleted: " + data);
});