什么是客户&服务器端DataTable处理?

时间:2017-03-12 21:54:30

标签: javascript asp.net-mvc jquery-plugins datatables

我已经尝试但在Google上进行研究失败,并且在这里获得了关于客户端和服务器端jQuery dataTable处理的含义的基本但很好的理解。我知道客户端通常是Web浏览器,它与用户交互,服务器是http服务器,但不多于此。如果有人可以帮助简要介绍数据处理的两个方面吗?如果是例子,它会很棒。如果没有,仍然很棒。

<table id="datatable" class="table">
    <thead>
    <tr>
        <th>
            @Html.DisplayNameFor(model => model.Name)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.Budget)
        ........
    </tr>
    </thead>
    <tbody>
        @foreach (var item in Model)
    ...........

<script type="text/javascript">
    $(document).ready(function () {
        $('#datatable').dataTable();
    });
</script>

那么,脚本代码首先是我需要为客户端处理做什么吗?

2 个答案:

答案 0 :(得分:3)

请阅读有关processing modes的官方文档。

  • 客户端处理 - 预先加载完整数据集,并在浏览器中完成数据处理(排序,过滤,分页)。

    使用客户端处理模式查看数据表的this example

  • 服务器端处理 - 为每个表重绘创建一个Ajax请求,只返回每个显示所需的数据。数据处理(排序,过滤,分页)在服务器上执行。

    使用服务器端处理模式查看数据表的this example

答案 1 :(得分:0)

简而言之,

客户端-服务器将所有数据一次发送到浏览器。之后,所有工作都由JS在前端进行处理,例如分页,排序等。

服务器端-对每个请求进行Ajax调用,仅发送特定数据。对于例如显示10条记录,在这里进行AJAX调用以获取这10条记录,因此服务器仅发送这些记录,而不是全部数据。分页,搜索,过滤器等也是如此。

  • 为获得更好的性能,服务器端数据是最佳解决方案(对于大型 数据)。

  • 客户端是处理较少数据的最佳选择