AJAX 删除表中选择了 PHP ID 的行
AJAX Delete row in table with PHP id selected
如何
基于此代码使用 AJAX 从表中删除行?
这是我正在使用的PHP代码:
foreach ($results as $result) {
echo "<tr><td>".$result['first_name']."</td><td>".$result['last_name']."</td><td><button class='"btn btn-sm btn-danger delete_class'" id='"".$result['id']."'" >DELETE</button></td></tr>";
}
如您所见,该按钮有一个与之配对的 id。
这是我的jquery/AJAX代码,用于从数据库中删除文件:
<script>
var $tr = $(this).attr('parentElement');
$('.delete_class').click(function(){
var del_id= $('.delete_class').attr('id');
$.ajax({
url:"delete_page.php?delete_id="+del_id,
cache:false,
success:function(result){
$tr.find('td').fadeOut(1000,function(){
$tr.remove();
});
}
});
});
</script>
还有一个PHP文件进入数据库并删除数据,工作正常。
在上面的 JavaScript 代码 ^ 中,在顶部设置的变量"$tr"说 'parentAttribute' 是 "td" 而不是 "tr",我将如何向上增加两个父属性?
我可以更改我的"成功:函数(结果){ }"以使该行立即消失,因为,
$tr.find('td').fadeOut(1000,function(){
$tr.remove();
}
此代码 ^ 不起作用。
更改当前jquery
代码,如下所示:
<script>
$('.delete_class').click(function(){
var tr = $(this).closest('tr'),
del_id = $(this).attr('id');
$.ajax({
url: "delete_page.php?delete_id="+ del_id,
cache: false,
success:function(result){
tr.fadeOut(1000, function(){
$(this).remove();
});
}
});
});
</script>
closest
方法返回所选元素的第一个祖先。https://api.jquery.com/closest/
HTML
<table>
<thead>
<tr>
<th>Page Name</th>
<th>Page Image</th>
<th>Action </th>
</tr>
</thead>
<tbody>
<tr>
<td>Page Name1</td>
<td>Page Image1</td>
<td><a title="Delete" class="dlt" href="delete.php?id=1" >Delete</a></td>
</tr>
<tr>
<td>Page Name1</td>
<td>Page Image1</td>
<td><a title="Delete" class="dlt" href="delete.php?id=2" >Delete</a></td>
</tr>
</tbody>
</table>
爪哇语
<script>
$("a.dlt").click(function(evt){
evt.preventDefault();
if(confirm("It will Delete All detail related to this. Are You Sure? ")){
var dis = this;
$.post($(dis).attr('href'),{'delete':'dlt'},function(resp){
if(resp == 1){
$(dis).parent().parent().remove();
}else{
alert(resp);
}
});
}
});
</script>
试试
tr = $(this).parent();
没有一个名为"parentElement"的属性,这就是它不起作用的原因。
参考: Jquery Docs
我还将函数行更改为:
var del_id = $(this).attr('id');
相关文章:
- 从Bootstrap获取活动选项卡ID并将其传递给PHP
- PHP会话ID变量与AJAX一起返回
- Php,Javascript-动态表单id's和动态验证
- 在具有多个值的 PHP 函数中传递 ID
- 将 JavaScript 元素 ID 传递给 PHP 或 Form Variable
- 在 PHP 生成的表中添加和访问按钮 ID
- 从 PHP 获取当前页面 ID 后调用 jQuery 事件
- JqSuite PHP:获取列名或id
- PHP post-id无法使用Javascript变量作为id
- Piwik:如何跨域(PHP/JS)跟踪访问者(用户ID)
- 使用javascript+id将用户直接引导到php页面
- jquery没有't从DIV数据id中获取PHP变量值,只输出变量名
- 如何附加一个id's的详细信息只通过php或jquery提供一次
- PHP聊天-在html5中存储id
- 如何使用Javascript通过AJAX传递所需的id;PHP
- 如何设置从数据库到php会话的id点击链接
- 在jquery选择器中获取id或类名,使用PHP的regex
- AJAX 删除表中选择了 PHP ID 的行
- td内部元素td的php-id
- AJAX 停止加载同一站点不同的 PHP ID