JSONP is one of
several methods to allow the use of JSON data from any server (browsers have XSS protection rules which
will block standard Ajax requests to remote source for security reasons). Using JSONP allows DataTables
to load server-side sourced data from any domain and is quite simply done with the
dataType
option of the ajaxDT
initialisation
option.
When given as an object, the ajaxDT
option maps directly onto the
jQuery ajax options (i.e. any option that can be used
in jQuery's Ajax function can also be used in DataTable's ajaxDT
option).
The example below shows ajaxDT
being used with the
dataType
option set to retrieve JSONP data for server-side processing in DataTables.
First name | Last name | Position | Office | Start date | Salary |
---|---|---|---|---|---|
First name | Last name | Position | Office | Start date | Salary |
The Javascript shown below is used to initialise the table shown in this example:
1 2 3 4 5 6 7 8 9 10 | $(document).ready(function() { $('#example').dataTable( { "processing": true, "serverSide": true, "ajax": { "url": "scripts/jsonp.php", "dataType": "jsonp" } } ); } ); |
In addition to the above code, the following Javascript library files are loaded for use in this example: