'preXhr.dt' not fired on first ajax request (after page load)

kmd1970

I am not seeing any console output with the first ajax request (after page load).

The preXhr.dt event doesn't seem to fire until i sort or search.

...on('preXhr.dt', function ( e, settings, data ) {
        console.log('preXhr',data);
 });

allan

Have you attached it before the DataTable is initialised? Otherwise the event listener will be added after the first Ajax request has been sent.

Allan

kmd1970

Sorry, I didn't think location mattered.

so

$('#example').on('preXhr.dt', function ( e, settings, data ) {
        console.log('preXhr',data);
 }).DataTable();

Not

$('#example').DataTable().on('preXhr.dt', function ( e, settings, data ) {
        console.log('preXhr',data);
 });

allan

Looks good. DataTables does a number of things when you call it, including sending off the Ajax request if you configure it with ajax. The draw event is another one to watch out for like this.

Allan