刷新数据表而不重新加载页面

Question

我正在尝试重新加载已插入选项卡的数据表。

请参考问题：成功后AJAX更新数据表

PHP 类 userX.php 有 3 个带有客户端实现的数据表。我可以使用按钮更改第一个表的一行，完成后记录将转到选项卡 2 -> 及其表二的内容。我现在使用 AJAX 更改状态，如下所示：

  $(".changeStatus").click(function(event){
      if(confirm("Are you sure changing status?")){
        event.preventDefault();
        var status =  "In Production";
        var id = $(this).attr('data-id');
        $.ajax({
          url     : 'dbo.php',
          method  : 'POST',
          data    : {status : status , id : id},
          success : function(data){
            $('tr#'+id+'').css('background-color', '#ccc');
            $('tr#'+id+'').fadeOut('slow');
          }
        });
      }
      else{
        return false;
      }
    });

同时，它也必须在选项卡 2 表中更新。我尝试使用 div 内容来实现这一点；他们似乎都不起作用。我缺少什么？我愿意接受建议。

Answer 1

该表可以通过数据表的重新初始化方法简单地重新加载，也可以通过其内置的 AJAX 重新加载它。下面的代码块会有所帮助。

             $(document).on('click','#ChangeNext',function(event){
                if(confirm("Are you sure changing status?")){
                    event.preventDefault();
                    var statusid = $(this).attr('data-id');
                    $.ajax({
                        url     : 'dbo.php',
                        method  : 'POST',
                        data    : {statusid : statusid},
                        success : function(data)
                        {
                            $('#exampleone').DataTable().ajax.reload();
                        }
                    });
                }
                else{
                    return false;
                }
            });