通过ajax php删除行
您好，我只是在学习codeigniter，在这里我显示的是数据库，有几行。我用ajax做了一个删除功能，它起作用了，但是必须重新加载它，这样当我单击删除时，数据就被删除了，而不必刷新。
<tbody id="tbody">
<?php
$no = 1;
foreach ($temporary as $m) { ?>
<tr>
<input type="hidden" class="form-control" name="id_service" value="<?php echo $m->id_service ?>">
<input type="hidden" class="form-control" name="id_cs" value="<?php echo $m->id_cs ?>">
<input type="hidden" class="form-control" name="jenis" value="<?php echo $m->jenis ?>">
<td>
<input type="hidden" class="form-control" name="id_tmp" value="<?php echo $m->id_tmp ?>">
<input type="text" class="form-control" name="" value="<?php echo $m->tracking_number ?>">
</td>
<td>
<button type="button" class="btn btn-danger" onclick="deletes(<?php echo $m->id_tmp;?>)">Delete</button>
</td>
</tr>
<?php } ?>
</tbody>
阿贾克斯
function deletes(id){ if (confirm("Are you sure?")) { $.ajax({ url: ' backend/inbound/del', type: 'post', data: {id_tmp:id}, success: function () { alert('ok'); }, error: function () { alert('gagal'); } }); } else { alert(id + " not deleted"); } }
问题来源于stack overflow
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
-
由于您已经提到过要在后端或数据库中删除它，因此您可以使用jquery在UI上删除该行。这是不修改标记的一种方法。
首先是将一个类添加到包含ID的输入字段中。我使用id输入 然后使用此Ajax浏览具有该类和值的输入字段，以删除该行。参见我关于成功功能的代码； function deletes(id){ if (confirm("Are you sure?")) { $.ajax({ url: ' backend/inbound/del', type: 'post', data: {id_tmp:id}, success: function () {
// loop through all input with class id-input $(".id-input").each(function(){ // if it matches the value delete parent row if($(this).val() == id){ // delete parent row $(this).parent().parent().remove(); } }); }, error: function () { alert('gagal'); } });} else { alert(id + " not deleted"); } } 编辑：使用.parent（）。parent（），因为我们需要引用tr，而不是td
2019-11-15 11:43:45赞同 展开评论