Question

我想知道在更新数据库中该行的值后，是否可以以及如何更新表格单元格或整行（如果更容易更新整个表格）。

以下是表格的示例

<div class="table-responsive">
    <table class="table table-striped table-bordered table-hover" id="user_list">
        <thead>
            <tr>
            <th> Row ID </th>
            <th> Name </th>
            <th> Status </th>
            <th> Update Date </th>
            <th> Action </th>
            </tr>
        </thead>
        <tbody>
            <!-- Table data loaded here from jQuery/Ajax after search-->
        </tbody>
    </table>
</div>

在执行搜索后加载/填充表，一切正常。请注意，您没有看到此表中的按钮，因为该按钮是使用动态ID生成的，并且包含在搜索后附加表数据的ajax调用中。

现在，我有一个按钮，当单击它时，它会更新数据库中一行的特定单元格。我想要做的是，在更新成功后，表，行或单元格显示更新的值而无需刷新整个页面。我希望它只是单元格，所以我可以添加一个fadeIn效果，但任何有帮助的效果。

我认为应该在ajax成功回调上完成，但我不确定如何实现这一点。

以下是更新数据库的脚本示例。

$(".row-update-btn").click(function(){
var row = $(this).attr('id');
    $.ajax({
    type : 'POST',
    url  : 'row_update_test.php',
    data : {id:row},
    cache: false,
    success :  function(data)
       {
            alert(row); //simple test to see which record number was updated.
            //this is where I believe the refresh/reload code should go?
            }
        });
});

Answer 1

这听起来像您的基本目标是阻止您的提交按钮提交表单。根据您的实现，有几种不同的选择。这是一个非常有用的链接示例：

Disable form auto submit on button click

如何在数据库内容更新后刷新表，行或单元格内容

1 个答案: