datatables ajax取值—示例代码

datatables是一个用于处理表格数据的JavaScript插件，可以实现表格的分页、排序、搜索等功能。使用datatables的ajax取值功能可以通过异步请求从服务器动态获取数据填充到表格中。

在使用datatables的ajax取值功能时，需要指定数据源的URL，以及一些可选的参数。当表格初始化时，datatables会自动发送一个GET请求到指定的URL，并带上一些额外的参数，例如当前页码、每页显示的记录数等。服务器端接收到这个请求后，根据参数进行数据查询，并返回符合条件的数据。

下面是一个示例代码，演示了如何使用datatables的ajax取值功能：

$(document).ready(function() {
    $('#example').DataTable({
        "ajax": {
            "url": "/api/data",
            "dataSrc": function (json) {
                return json.data;
            }
        },
        "columns": [
            { "data": "name" },
            { "data": "age" },
            { "data": "email" }
        ]
    });
});

在上述代码中，我们使用了一个表格id为"example"的HTML元素，并调用DataTable()方法进行初始化。在初始化时，我们通过"ajax"选项指定了数据源的URL为"/api/data"。当表格初始化时，datatables会自动发送一个GET请求到这个URL，并带上一些额外的参数。

服务器端接收到这个请求后，可以根据参数进行数据查询，并将查询结果返回。在示例代码中，我们通过"dataSrc"选项指定了返回的JSON数据中的"data"字段作为表格数据的来源。这样，datatables会自动将返回的数据填充到表格中。

通过"columns"选项可以指定表格中每一列的数据来源。在示例代码中，我们指定了三列，分别对应返回的JSON数据中的"name"、"age"和"email"字段。

通过使用datatables的ajax取值功能，我们可以实现从服务器动态获取数据填充到表格中的效果。