リロード後にJquery Datatable関数が正しく動作しない

Question

私はJquery Datatableを私のプラグインに使用しています。 は、以下のコードサンプルです：

$(function() { 
    $("#tab-per").DataTable(); 
}); 

$(function() { 
    var form = document.getElementById("postme"); 
    $('form#postme').on('submit', function(e) { 
      $.post('cnp.php?hal=103.sv', $(this).serialize(), function (data) { 
      alert('Data perusahaan sukses disimpan !'); 
      $("#tab-per").load("cnp.php?hal=103 #tab-per"); 
      $("#tab-per").DataTable(); 
      form.reset(); 
      // This is executed when the call to mail.php was succesful. 
      // 'data' contains the response from the request 
      }).error(function() { 
      alert('Mohon maaf ada kesalahan') 
      // This is executed when the call to mail.php failed. 
      }); 
      e.preventDefault();     
    }); 
}); 

問題があり、データテーブルページネーションと私はテーブルが更新を取得した後、私のデータベースにデータを保存するために、送信ボタンをクリックすると、検索はもう機能していません。

Answer 1

あなたはこれを行うことができます。

var tab-per-table; 
$(function() { 
    tab-per-table=$(function() { 
     $("#tab-per").DataTable(); 
    }); 
}); 
//when you post success,you can delete.$("#tab-per").DataTable(),just do: 
tab-per-table.draw();