如何在不使用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')删除节点。删除()