dataTable - フォーム提出後のリロードテーブル

Question

私はすでにここでたくさん読んでいますが、私は解決策を見つけることができません！私はdatatableと内部の1つの列を編集ボタンがあります。ユーザーが編集ボタンをクリックすると、モーダルが表示され、ユーザーはデータテーブルから項目を変更できます。フォームが提出されると、データベース内で変更が行われます。

ここでは、ページをリロードしながらテーブルを自動的に更新したいと思います。それをどうすれば実現できますか？私の成功メッセージの中で何を呼ぶ必要がありますか？ここで

は私のコードです：

のindex.php：

if ($savetodo=="true") { 
    $content=array("descr"=>$descr); 
    updateToDoInfo($id,$content); 

} 

AJAXは提出：

   <script> 
        $(function() { 
         $('#form_edittodo').on(\"submit\", function(event) { 
          event.preventDefault(); 

          $.ajax({ 
           url: 'index.php', 
           type: 'post', 
           data: $(this).serialize(), 
           beforeSend: function(){ 
             $('#loading').show(); 
            }, 
            complete: function(){ 
             $('#loading').hide(); 
            }, 
           success: function() { 
            // What should I enter here? 
          }); 
         }); 
        }); 
       </script> 

のDataTable：誰かが助けることができるかどうか

<script> 
    $(document).ready(function() { 
     $('#todolist12').DataTable(); 
    }); 
    </script> 

は素晴らしいことです私を出す。

Answer 1

dataTables data()メソッドを使用してセルを更新する必要があります。しかし、あなたはまた、DataTableのは、（）メソッドを描く起動する必要があり、実際にあなたのウェブページに表示されるように変更するために

success: function() { 
    $('#todolist12').DataTable().cells("#idOfChangedCell").data("Update to cell"). 
} 

：

たとえば、あなたは成功機能は次のようなものを見たいと思うかもしれません。

$('#todolist12').DataTable().draw(); 

Answer 2

あなたはページをリロードするためにlocation.reload（）を実行できます。

ページをリロードする必要がない場合は、表をajaxにロード可能にする必要があります。本当に滑らかになるためには、単一の行を読み込むことができます。

保存リクエストの新しい行を返信して、新しいマークアップでテーブルを更新することもできます。

または、JavaScriptテンプレートを使用してクライアント上のデータをレンダリングし、レコードをjsonとして返すことができます。

あなたにはさまざまなオプションがありますが、適切なソリューションを決定するのは開発者の判断に委ねられます。 location.reload（）以外の問題を解決する行は1行も数行もありません。それはあなたのアプリが今どのように書かれているか、あなたがしたいことをするためにそれを修正する方法に依存します。