使用 AJAX 傳遞具有多個 id 的表單並選擇到 PHP
我正在嘗試收集選定的複選框，對其進行更新或刪除操作，並透過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>
<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);
}