データテーブルをajax読み込みテーブルにバインドするにはどうすればいいですか？

Question

私はブートストラップのナビゲーションタブを使用しています。タブのコンテンツはajax経由でロードされ、ajaxのロードされたコンテンツには2つのテーブルがあります。私はこれらのテーブルのためのdatatable jqueryのプラグインをバインドしたいが、私はどのようにわからない。私は 'デリゲート'メソッドを使用する必要があることを知っていますが、私はどこでどのように知っています。

ありがとうございます。

Answer 1

あなたはajax ajaxが完了した後にバインドする必要があると思います。これはこれを行う方法です。

$.ajax({ 
     url: '/path/to/file', 
     type: 'default GET (Other values: POST)', 
     dataType: 'default: Intelligent Guess (Other values: xml, json, script, or html)', 
     data: {param1: 'value1'}, 
    }) 
    .done(function() { 
     console.log("success"); 
    }) 
    .fail(function() { 
     console.log("error"); 
    }) 
    .always(function() { 

     // after the ajax is complete, this function is 
     // called and you can bind the datatable function on your table 
     $('#tableID').dataTable(); 

     console.log("complete"); 
    });