使用 AJAX 傳遞具有多個 id 的表單並選擇到 PHP

Question

我正在嘗試收集選定的複選框，對其進行更新或刪除操作，並透過ajax將此表單傳遞給php。我對這件事很陌生，花了幾天時間試著找出方法。

網路研究沒有給我任何結果，我嘗試透過幾種不同的方式發送ajax - 沒有結果。雖然僅使用 PHP，我得到了帶有 select 和 ids 數組的表單。

如何使其與 AJAX 搭配使用？

我的表單。它放在桌子裡面。表的主體位於 php 檔案中。該文件中的模態視窗內還有其他形式，僅提及是否可能發生衝突。

<div class="inner">
                <div class="option">
                        <div class="e-table">
                            <div class="table-responsive table-lg mt-3">
                                <form method="post" id="menu_form">
                                <table class="table table-bordered">
                                        <select name="select" id="menu" >
                                            <option value="select">Please select</option>
                                            <option value="set-active">Set active</option>
                                            <option value="set-not-active">Set not active</option>
                                            <option value="delete">Delete</option>
                                        </select>
                                    <thead>
                                        <tr>
                                            <th class="text-nowrap align-middle"><input type="checkbox" id="select-all"></th>
                                            <th>Name</th>
                                            <th>Role</th>
                                            <th>Status</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                <tbody id="users_data">
                                <input type="submit" value="submit" name="submit_btn" />

                                </tbody>
                                </table>
                                </form>

                            </div>
                        </div>
                </div>
            </div>

這是我正在嘗試使用 AJAX 進行的操作。

<script type="text/javascript">
    $(document).ready(function() {
        $('#menu_form').on('submit', function (e) {
            e.preventDefault();

            $.ajax({
                type: 'post',
                url: "process.php",
                data: $('#menu_form').serialize(),
                success: function (response) {
                    console.log(response)
                }
            });
        });
    });

我的 PHP。表的主體和處理表單提交。僅顯示對其中一個選項的處理，以免使問題變得更長，其他選項幾乎相同。

<td class="text-nowrap align-middle"><input type="checkbox" name="update_id" value="<?= $row['id'] ?>"></td>
        <td class="text-nowrap align-middle"><?= $row['name']; ?></td>
        <td class="text-nowrap align-middle"><?= $row['role']; ?></td>
        <td class="text-center align-middle">
            <?php if ($row['status'] == 1): ?>
                <i class="fa fa-circle active-circle"></i>
            <?php else: ?>
                <i class="fa fa-circle not-active-circle" style="color:grey"></i>
            <?php endif; ?>
        </td>
        <td class="text-center align-middle"><button class="btn btn-sm btn-outline-secondary badge" type="button"
                    onclick="edit_record(<?= $row['id']; ?>)" >Edit</button>
            &nbsp;<button class="btn btn-sm btn-outline-secondary badge" type="button"
                    onclick="delete_record(<?= $row['id']; ?>)" ><i class="fa fa-trash"></i></button>
        </td>
    </tr>

if(isset($_POST['submit_btn'])) {
    $idArray = $_POST['update_id'];
    $idString = implode(',', $idArray);

    if (isset($_POST['select']) && $_POST['select'] == 'set-active') {
        $statement = $pdo->prepare("UPDATE user SET status = 1 WHERE id IN ($idString)");
        $result = $statement->execute();
        if ($result) {
            $response = array('status' => true, 'message' => 'Record edited successfully.');
        }else{
            $response = array('status' => true, 'message' => 'Error');
        }

        echo json_encode($response);    
    }

Answer 1

在我看來，問題出在這裡：

if(isset($_POST['submit_btn'])) {

表單中的不是正文/有效負載的一部分 與POST 請求一起發送（畢竟，它是一個按鈕，並且不包含任何對伺服器有用的信息）。

因此，上面的 if() 檢查將始終為 false，並且 if() 區塊內的所有程式碼區塊都會失敗。不會被執行。