Question

我有一张桌子，桌子的每一行都是手风琴里面的数据和表格。表格成功提交后，手风琴会关闭，我想知道如何刷新该表格中的数据。

这可以刷新整个表，但我只想更新相关的行。 $("#credits_table").load(location.href + " #credits_table");

非常感谢

每个表格行都有唯一的ID。

这就是我尝试过的：$("#tr"+num).load(location.href + " #tr"+num);//Reload row

The jQuery

//Edit Credit
    $( "form" ).submit(function (e) {
      e.preventDefault();
            // Get the submit button element
            var btn = $(this).find("button").attr("id");//Find button ID
            var num=btn.slice(3,this.id.length); //Get Unique ID for form 

            var formdata = $("#edit_credit"+num).serialize();//Submit correct form by adding unique id
            $.post('update_credit.php', formdata,
               function(data){
            console.log(data); 
            $(".panel-collapse").collapse("hide");//hide accordian
          $("#credits_table").load(location.href + " #credits_table");
        });
            return false;
  });

表格和表格：

<table id="credits_table"><tr><th>ID</th><th>Production</th></tr>
<tr id="row_1"><td>data</td><td>more data</td></tr>

...and so on + form

<tr id="row_2">
<button data-toggle="collapse" data-parent="#accordion1" href="#content1" class="btn btn-small btn-default">edit</button>         
 </td></tr>
</table>

Answer 1

如何在表中单独更新行只是将新值发送到行列。所以在成功函数中调用类似的东西：

$("#row1").find("td").eq(0).html(your new value here);

您可以使用新的更新值为每个td执行此操作。也就是说，如果您按列分隔数据，而不是仅发回整行数据。即使您返回整行，您也应该能够按列分隔它，然后将该数据添加到它所属的每个特定td。

此外，如果正确更新数据库，则下次用户加载页面时，它还将具有该行的新数据值。这样，每次更改行时都不必重新加载表。

如何使用jQuery刷新表行？

1 个答案: