Question

我在页面中有一个表格，例如： -

<tr>
 <th>no</th>
 <th>name</th>
 <th>age</th>
 <th>actions</th>
</tr>
<tr>
  <td>$i</td>
  <td>$name</td>
  <td>$age</td>
  <td><a href="$id" class="delete">Delete</a></td>
</tr>

点击删除它将通过jquery进入控制器并成功删除该行，之后我想显示更新的表意味着没有删除的行。为此我现在使用另一个页面和表数据，成功我这样做：

$(.updated_table_view).html(data.view);

有没有其他简单的方法，如果没有其他页面？

Answer 1

大概“......将通过jquery转向控制器...”意味着通过Ajax，所以如果你想要它只是做一个简单的删除，只需隐藏行：

jsFiddle： https://jsfiddle.net/842x2wuc/

<script>
$(document).ready(function(){
    $('.delete').click(function(e) {
        e.preventDefault();
        var thisBtn =   $(this);
        $.ajax({
            url: '/link/to/delete.php',
            type: 'post',
            data: { id: thisBtn.attr('href') },
            success: function(response) {
                // This will fade out the row
                thisBtn.closest('tr').fadeOut('fast');
            }
        });
    });
});
</script>

Jquery在成功操作后更新了表视图

1 个答案: