如何在不使用JavaScript重新加载页面的情况下在DB中执行操作?

如何在不使用JavaScript重新加载页面的情况下在DB中执行操作?,javascript,php,html,ajax,Javascript,Php,Html,Ajax,我编写了一个代码,用于检索表中的一些数据,每行有一个两个按钮,负责使用该行的固定值更新数据库并删除该行。我想在不重新加载页面的情况下执行这些操作。 这是我的表格代码: <table id="example1" class="table table-bordered table-striped"> <thead> <tr> <th>نام کاربر</th> <th>ایمیل

我编写了一个代码,用于检索表中的一些数据,每行有一个两个按钮,负责使用该行的固定值更新数据库并删除该行。我想在不重新加载页面的情况下执行这些操作。 这是我的表格代码:

<table id="example1" class="table table-bordered table-striped">
    <thead>
    <tr>
        <th>نام کاربر</th>
        <th>ایمیل</th>
        <th>تایید</th>

    </tr>
    </thead>
    <tbody>
    <?php
    while ($users = mysqli_fetch_assoc($result_user)) {
        ?>
        <tr>
            <td><?php echo $users['name']?></td>
            <td><?php echo $users['email']?></td>
            <td>
                <div class="btn-group">
                    <button name="btn_confirm" type="button" class="btn btn-success btn-flat">تایید</button>
                    <button type="button" class="btn btn-success btn-flat dropdown-toggle" data-toggle="dropdown">
                        <span class="caret"></span>
                        <span class="sr-only">Toggle Dropdown</span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li><a name="btn_delete" href="#">حذف</a></li>
                    </ul>
                </div>
            </td>
        </tr>
    <?php }?>
    </tbody>
</table>

نام کاربر
ایمیل
تایید
تایید
切换下拉列表

为了在不刷新页面的情况下更新DOM元素,您需要能够向服务器(API)发送数据或操作请求,然后等待它们的响应相应地更新页面


您可以参考哪个库更受欢迎,以了解如何调用POST或获取请求。

您需要像@Sagar Sainkar所说的那样使用AJAX

你可以在这篇文章中找到一个很好的解释:

所以我不会再重写整个机制。它很好地解释了如何使用ajax、js和php(我注意到您使用的)进行plat


另一个提示:避免混淆后端和前端代码。不要在HTML文件中集成php脚本。尝试编写单独的JS文件(包含请求),将它们导入HTML代码并在那里使用(如果它们没有加载页面加载时用户需要查看的图形内容,则推迟加载,或者将JS的导入放在HTML的底部)。可能有更好的选项,但使用AJAX删除或更新行的一个简单方法是向服务器传递一个参数,如“command:delete_entry”或类似的参数,然后在后端的选项之间切换。但是,如果你研究得好,还有更明智的选择,你可以使用这个技巧和通过的教程开始处理AJAX请求,直到你掌握了它们。

请发布你尝试过的JS代码。你可以使用AJAX。将
唯一id
传递到行,然后在
AJAX
成功之后,使用
$('#唯一id')删除节点。删除()