在div中删除一行

Question

I want to insert a "remove" button in each of these divs, so that the database's row and the div can be deleted using the remove button.

Number of divs vary according to the number of rows in the database.

It should appear as follows,

Showing data works just fine. But, delete (remove button) doesn't work.

PHP

    function deleteUser($connection, $userID){  //  this function calls within the "currentUsers" Function
        $sql2 = "DELETE FROM users_table WHERE user_id = '$userID' ";

        if (mysqli_query($connection, $sql2)) {
            header("Location: main.php");

        } else {
                echo "Error! ";
        }

    }


    function currentUsers($connection){
        $sql1 = "SELECT * FROM users_table ";
        $result1 = mysqli_query($connection, $sql1);

        if(mysqli_num_rows($result1) > 0){
            while($row = mysqli_fetch_assoc($result1)) {
                $userID = $row['user_id'];
                $name = $row['name'];
                $country = $row['country'];

                echo '<div> 
                        <h3>'. $userID. " ". $name. " ". $country. '</h3>
                        <input type = "button" name = "removeButton" value = "Remove" method = "GET">
                     </div>';

                if (isset($_GET['removeButton'])) {
                    deleteUser($connection, $userID);
                }
            }
        }else{
            echo "Currently there are no users!";
        }

        mysqli_close($connection);
    }

    currentUsers($connection);


?>

Answer 1

As the discussion from the comment, The following codes given.

Updated HTML:

<input type="button" name="removeButton" value="Remove" class="removeBtn">

Javascript:

var userID = "<?php echo $userID;?>";
$(".removeBtn").on("click", function(){
    $.post("page.php", { userID : userID}, function(result){
        if(result == "Success") window.location.href = "main.php";
        else alert(result);  
    });
});

page.php

//need the database connection
$userID = $_POST['userID'];
$sql2 = "DELETE FROM users_table WHERE user_id = '$userID' ";
if (mysqli_query($connection, $sql2)) {
    echo 'Success';
} else {
    echo "Error! ";
}

If you want to remove the total div as well with the database field then use:

Javascript:

var userID = "<?php echo $userID;?>";
$(".removeBtn").on("click", function(){
    var __this = $(this);
    $.post("page.php", { userID : userID}, function(result){
        if(result == "Success"){
            __this.closest("div").remove();
            window.location.href = "main.php";
        }
        else alert(result);  
    });
});

If you want to pass your $userID in each input then use:

<input data-userid = <?php echo $userID;?> type="button" name="removeButton" value="Remove" class="removeBtn">

Javascript

$(".removeBtn").on("click", function(){
    var __this = $(this);
    var userID = __this.attr("data-userid");
    $.post("page.php", { userID : userID}, function(result){
        if(result == "Success"){
            __this.closest("div").remove();
            window.location.href = "main.php";
        }
        else alert(result);  
    });
});

This is just an answer of your question, but you have to use this as you want. This may help you, try and let me know what happens.

Answer 2

The remove button doesnt work because you never get into deleteUser() method.

You cant just write

<input type = "button" name = "removeButton" value = "Remove" method = "GET">

as it was inside a form. For it to trigger, write it like this:

<form method="GET">
    <input type = "submit" name = "removeButton" value = "<?php echo $userID;?>">
</form>

Then, when calling

deleteUser($connection, $_GET['removeButton']);

Hope this helps.

Answer 3

<?php 
$connection = mysqli_connect('localhost', 'root', '', 'users');
 function deleteUser($connection, $userID){  //  this function calls within the "currentUsers" Function
        $sql2 = "DELETE FROM users_table  WHERE id = '$userID' ";

        if (mysqli_query($connection, $sql2)) {
            header("Location: main.php");

        } else {
                echo "Error! ";
        }

    }
   function currentUsers($connection){
        $sql1 = "SELECT * FROM maps ";
        $result1 = mysqli_query($connection, $sql1);

        if(mysqli_num_rows($result1) > 0){
            while($row = mysqli_fetch_assoc($result1)) {
                $userID = $row['id'];
                $name = $row['name'];
                $country = $row['country'];

                echo '<div> 
                        <h3>'. $userID. " ". $name. " ". $country. '</h3>
                        <a href="main.php?removeButton='.$userID.'" style="text-decoration: none;" > <input type = "button" value="Remove Button"></a>
                     </div>';
             }
        }else{
            echo "Currently there are no users!";
        }

        mysqli_close($connection);
    }

    if (isset($_GET['removeButton'])) 
    {
        deleteUser($connection, $_GET['removeButton']);
    }

    currentUsers($connection);

?>