服务器模式

JSONP数据源

JSONP 是允许从任何服务器使用 JSON 数据的几种方法之一（浏览器具有XSS保护规则，出于安全原因，将阻止标准 Ajax 请求远程资源）。可使用 ajax 的 dataType，将其设为 JSONP，使 DataTable 从任何域加载服务器端源数据

当作为对象提供时，ajax选项直接映射到jQuery ajax选项（即任何可以在jQuery的Ajax函数中使用的选项也可以在DataTable的ajax选项中使用）

本示例演示 DataTables 的跨域请求

姓名	职位	工作地点	年龄	入职时间	年薪
姓名	职位	工作地点	年龄	入职时间	年薪

$('#dataTableExample').DataTable($.concatCpt('dataTable', {
	"processing": true,
	"serverSide": true,
	"ajax": {
	    "url": "/employee/all",
	    "dataType": "jsonp"
	}
}));

<table class="table table-bordered table-hover dataTable table-striped w-full">
    <thead>
    <tr>
        <th>姓名</th>
        <th>职位</th>
        <th>工作地点</th>
        <th>年龄</th>
        <th>入职时间</th>
        <th>年薪</th>
    </tr>
    </thead>
    <tfoot>
    <tr>
        <th>姓名</th>
        <th>职位</th>
        <th>工作地点</th>
        <th>年龄</th>
        <th>入职时间</th>
        <th>年薪</th>
    </tr>
    </tfoot>
</table>

java代码

{
    recordsFiltered: 57,
    data: [
        [
            "李霞",
            "系统架构师",
            "北京",
            "61",
            "2011/04/25",
            "¥320800"
        ],
        [
            "杜重治",
            "会计",
            "上海",
            "63",
            "2011/07/25",
            "¥170750"
        ],
        [
            "陈锋",
            "初级开发者",
            "深圳",
            "66",
            "2009/01/12",
            "¥86000"
        ],
        [
            "郑伯宁",
            "高级JavaScript开发者",
            "北京",
            "22",
            "2012/03/29",
            "¥433060"
        ]
    ]
}

DataTables 服务器模式

JSONP数据源