php - 将多个表行移动到另一个表而不刷新页面

Question

我显示数据库中的表。我每行都有复选框，我想将所选行从一个表移动到页面中的另一个“所选表”，而无需刷新页面。 ？必须从当前表中删除当前选择。我可以执行类似 select * from tab-1 where id=$selected 的查询。也可以通过 insert into tab_name 等将其移动到另一个表。但不知道如何在不刷新的情况下做到这一点并具有一些不错的效果？可能有 jquery 的任何指针或帮助。

<table id="tab-1">
<thead>
    <tr>
        <th scope="col">Select</th>
        <th scope="col">ID</th>
        <th scope="col">A</th>
        <th scope="col">B</th>
        <th scope="col">C</th>
        <th scope="col">D</th>
        <th scope="col">E</th>
        <th scope="col">E</th>
        <th scope="col">F</th>
        <th scope="col">G</th>
        <th scope="col">H</th>
        <th scope="col">I</th>
        <th scope="col">J</th>
        <th scope="col">k</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td><input type="checkbox" name="checkbox[]" id="checkbox[]" value="<?php echo $row['ID']; ?>"  /></td>
        <td><?php echo $row['ID']; ?></td>
        <td><?php echo $row['A']; ?></td>
        <td><?php echo $row['B']; ?></td>
        <td><?php echo $row['D']; ?></td>
        <td><?php echo $row['E']; ?></td>
        <td><?php echo $row['F']; ?></td>
        <td><?php echo $row['G']; ?></td>
        <td><?php echo $row['H']; ?></td>
        <td><?php echo $row['I']; ?></td>
        <td><?php echo $row['J']; ?></td>
        <td><?php echo $row['K']; ?></td>
        <td><?php echo $row['L']; ?></td>
        <td><?php echo $row['M']; ?></td>
    </tr>
</tbody>
<table>

Answer 1

使用 jQuery、Ajax 你可以做到这一点。

<script>
    $('.checkBox').change(function() {
       var selected = $(this).val();
       $.post('yourfile.php' , {
         selected : selected
       } , function(data){
            alert(data);
        });
    });

    $('.checkBox').mousedown(function() {
        if (!$(this).is(':checked')) {
            $(this).trigger("change");
        }
    });
</script>

在 yourfile.php 中，您可以执行 SELECT 和 INSERT 查询