page refresh after ajax request

volnistii11

Hello, please tell me how to update the page after an ajax request?

     editor = new $.fn.dataTable.Editor( {
    ajax: {
    "url" : "new.php",
    },
    table: "#empTable",
    idSrc:  'id',
             }

kthorngren

The server needs to follow the Cleint/Server protocol by returning the row data as descried in the example data exchanges section.

Kevin

volnistii11

I understand, but maybe is there a possibility?

volnistii11

Something like: if the request succeeds, then reload, etc.

kthorngren

Oh, I understand now. You can use the submitSuccess event. An example is shown in this blog.

Kevin

volnistii11

Could you explain how it will look like in my example, or something I can't figure out?

  var table = $('#empTable').DataTable({

  'processing': true,
  'serverSide': true,
  "lengthMenu": [[10, 25, 50, 1000000000], [10, 25, 50, "All"]],
  "pageLength": 25,
    dom: 'lBrtip',
    buttons: [
        'excelHtml5',   
    ],
    select: true,

  'serverMethod': 'post',
  'ajax': {
        url:'back_2.php',

  },
  })

kthorngren

To use submitSuccess with your editor to reload your table use something like this:

editor.on( 'submitSuccess', function () {
    table.ajax.reload();
} );

Kevin

volnistii11

If someone has a similar problem, then this helped me:

var editor;
$(document).ready(function() {

      editor = new $.fn.dataTable.Editor( {
      .
      .
      .
      } );

 table = new $('#empTable').DataTable({
 .
     .
     .  
     });

     editor.on( 'submitSuccess', function () {
    table.ajax.reload();
    } );

  });