Jquery Datatorfunktionen funktionieren nach dem erneuten Laden nicht

Question

Ich verwende Jquery Datatable für mein Plugin. Unten ist der Code Beispiel:

$(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();     
    }); 
}); 

Das Problem ist, Datatable Paginierung und Suche funktioniert nicht mehr, wenn ich den Absenden-Button klicken Daten zu meiner Datenbank zu speichern, nachdem die Tabelle aktualisiert wird.

Answer 1

Sie können dies tun:

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();