POST 数据
在默认情况下，DataTables 针对获取服务器端处理数据而发出的 Ajax 请求是一个 HTTP GET 请求。然而，有时候你可能希望使用 POST 方法。通过使用 ajax 的 type 选项，可以很容易地实现该目的。
作为对象接收时，ajax 选项直接映射到 jQuery ajax 选项（即，可在 jQuery 的 Ajax 函数中使用的任何选项也可用于 DataTable 的 ajax 选项）。
以下示例展示了如何将 ajax 与 type 选项一起使用设置为 POST 以发出一个 POST 请求。
| 名字 | 姓氏 | 职位 | 办公室 | 开始日期 | 工资 |
|---|---|---|---|---|---|
| 名字 | 姓氏 | 职位 | 办公室 | 开始日期 | 工资 |
- Javascript
- HTML
- CSS
- Ajax
- 服务器端脚本
- 注释
下列所示的 Javascript 代码用于初始化此示例中的表格
$('#example').DataTable({ ajax: { url: 'scripts/post.php', type: 'POST' }, columns: [ { data: 'first_name' }, { data: 'last_name' }, { data: 'position' }, { data: 'office' }, { data: 'start_date' }, { data: 'salary' } ], processing: true, serverSide: true });
new DataTable('#example', { ajax: { url: 'scripts/post.php', type: 'POST' }, columns: [ { data: 'first_name' }, { data: 'last_name' }, { data: 'position' }, { data: 'office' }, { data: 'start_date' }, { data: 'salary' } ], processing: true, serverSide: true });
除了以上代码之外，还加载以下 Javascript 库文件以用于此示例中
在通过 DataTables 增强之前，下列所示的 HTML 是原始的 HTML 表格元素
为了正确显示表格，此示例使用少许额外的 CSS，这超出了库文件（下方）所加载的范围。下列所示为所使用的额外 CSS
下列 CSS 库文件被加载以用于此示例中，以提供表格的样式
此表格通过 Ajax 加载数据。已加载的最新数据显示在下方。当加载任何额外数据时，此数据将自动更新。
以下所示的脚本用于对该表格执行服务器端处理。请注意，这只是一个使用 PHP 的示例脚本。服务器端处理脚本可以用任何语言编写，使用 DataTables 文档中描述的协议。