Удаление CRUD с использованием модальной формы - PullRequest
Новая
       171

Удаление CRUD с использованием модальной формы

0 голосов
/ 12 июля 2020

Я создаю CRUD, используя расширение PHP с PDO, и я хочу создать подтверждение для удаления реестра с использованием модальных Bootstrap, но я не знаю, как я могу передать информацию об идентификаторе в модальное окно для удаления , как это сделать?

index. php

<tbody>
                <?php
                $pdo = DB::connect();
                $stmt = $pdo->query("SELECT * FROM people");
                while ($row = $stmt->fetch()) {
                    echo "<tr>";
                    echo "<th scope='row'>" . $row["id"] . "</th>";
                    echo "<td>" . $row["first_name"] . "</td>";
                    echo "<td>" . $row["last_name"] . "</td>";
                    echo "<td>" . $row["notes"] . "</td>";
                    if ($row["allowed"]) {
                        echo "<td>" . "✔" . "</td>";
                    } else {
                        echo "<td>" . "✗" . "</td>";
                    };
                    echo "<td>";
                    // modal trigger
                    echo "<button type=\"button\" class=\"btn btn-danger\" data-toggle=\"modal\" data-target=\"#exampleModal\">Delete</button>";
                    echo "</td>";
                    echo "</tr>";
                }
                ?>
</tbody>

<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Do you want to delete this registry?</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="submit" class="btn btn-danger">Yes</button>
            </div>
        </div>
    </div>
</div>

1 Ответ

0 голосов
/ 12 июля 2020

В этом разделе добавьте свой идентификатор 

echo "<button type='button' class='btn btn-danger' data-toggle='modal' data-target='#exampleModal' onclick='$(".delete_id").val('".$row["id"]."')'>Delete</button>";

Затем в модальном режиме добавьте скрытое поле ввода, например: 

<input type="hidden" name="delete_id" class="delete_id">

Включите jQuery перед этой функцией. Вам также понадобится удалить файл, чтобы передать эту переменную. После успешного выполнения запроса вы можете повторно отобразить HTML. 

function deleteRecord() {
   var id = $(".delete_id").val();

    $.ajax({
    url:"/delete.php",
    method:"POST",
    data:{
      id: id,
    },
    success:function(response) {
    
   },
   });
}

После того, как мы сохранили значение идентификатора, мы можем удалить его 

<button type="submit" class="btn btn-danger" onclick="deleteRecord()">Yes</button>

Надеюсь, это было полезно

...