How to use table attributes for ajax url

chalist

I have a table:

<table data-url="test.com"></table>

and in js:

$('table').DataTable({
    "processing": true,
    "serverSide": true,
    "ajax": {
        "url": "---------------------",
        "dataSrc": "data",
        "type": "POST"
    },
    "columns": [
        {"data": "id"},
        {"data": "title"},
        {"data": "title_en"},
        {"data": "status"},
        {"data": "city"},
        {"data": "html"}
    ]
});

I want to use each table's data-url for datatable ajax URL.
Can I do this?

kthorngren

Seems to work:
http://live.datatables.net/haretigo/1/edit

Kevin

chalist

@kthorngren Thanks dude, but I use table tag instead of ID.
I want this: http://live.datatables.net/haretigo/2/

kthorngren

The Multiple Table example uses the same technique to initialize Datatables. It does state this though:

The tables are independent for user control (i.e. user controlled paging on one table does not effect the others), but they do share the initialisation parameters

Unfortunately the way you want to init the Datatables won't work for different URLs.

Interesting idea though. Maybe someone can find a clever alternative.

Kevin

allan

To some extent it is actually possible, but you should note that jQuery 3 changed things a little so it is no longer possible to do nested data with a double dash (e.g. data-ajax--url="..."). It would work if you are using jQuery 1 though.

Allan

kthorngren

Forgot about setting the options with the data attributes. This looks like it works:
http://live.datatables.net/dupuzubu/1/edit

But I was not able to get data-ajax--url="..." working with jQuery 1.9.1. Looks like the jQuery data() method returns it like this: ajaxUrl.

Learn something new each day

Kevin

tangerine

Learn something new each day

....but forget something old...

kthorngren

....but forget something old...

One item in multiple out

Kevin

tangerine

....tell me about it....

chalist

thanks, guys. That's worked.