DataTable API阅读记录------Data

本文介绍了 DataTable API 的数据处理方式,包括客户端与服务器端处理模式的选择标准,支持的三种 JavaScript 数据类型及其应用场景,以及 DOM、JavaScript 和 Ajax 三种数据来源的特点。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

dataTable API阅读记录------Data
原文:https://www.datatables.net/manual/data 个人水平有限,仅供参考,


关于处理数据,dataTable有三个核心概念:处理模式、数据类型、数据来源
一、处理模式(排序、查询等)
1.客户端处理或者服务器处理,官网提供的参考建议是数据少于10000条搁客户端,多于10万条搁服务器端,介于两者之间,自己根据项目特性选择;两种处理模式是无法共存的,也不能动态切换。
2.客户端处理模式是默认模式,该模式不需要额外的代码,所有的数据操作都是DataTable自己完成的
3.服务器端处理模式适用于处理百万级别的数据,所有对数据的操作将在服务器端进行,否则前台javascript处理需要很大的开销,如此会降低你的应用体验。

二、数据类型
表格主体部分的数据必须是数组(当使用DOM数据时自动创建),支持三种类型的javascript数据:Arrays-[]、Objects-{}、Instances-new MyClass(),默认为Arrarys,后两着当处理复杂数据时很有用。
Arrarys
Arrarys很适合用于datatable,数组中的每个对象映射表中的每一行,同时每个对象的每一个参数依次对应表的每一列,所以对于6列的表,你的每一个对象必须要有6个数据。
example:
[img]http://dl2.iteye.com/upload/attachment/0110/8846/9ae4a145-d4b1-3542-a9ab-4d8ec92cc5c4.png[/img]


Objects
对象的好处是把每一行的数据作为一个对象,这样做的好处是你不需要像Arrarys一样记忆每个对象中元素对应的列,在写代码时也更为方便。需要补充的是,你做了多少个映射,表格便会显示多少列。
example:
[img]http://dl2.iteye.com/upload/attachment/0110/8848/8aba419c-6a43-31e8-be7e-3f2f007dbf01.png[/img]


Instance
它和前两者的区别是传递的参数可以是方法,dataTable会识别这个方法,并将方法执行完的返回值作为数据在表中展示。
[img]http://dl2.iteye.com/upload/attachment/0110/8850/28ea78dc-2a4c-32b3-b140-7c6899ee209e.png[/img]


三、数据来源
定义完了处理模式和数据类型,我们现在可以思考数据来源了,DataTable有三种基本的数据来源:
-DOM
-JavaScript
-Ajax sourced data

DOM
当DataTable运行时,它会自动检测所选表是否有数据,会将表内以后的数据作为自己的数据来源,这是最简单的使用方法——使用常规HTML表格(说白了是为表格提供DataTable样式),需要补充的是,这里的数据类型是Arrarys。

Javascript
你也可以用表单中的数据来构建你的DataTable,数据来源于任何Javascript能获得的区域。这种方式对于使用扩展的DataTables API非常有用,尤其是你在使用row().add()和row().remove()时,同时可以动态增删数据。

Ajax
Ajax来源数据很大程度上类似Javascript,区别在于它会使用Ajax call获得数据。该方法的好处在于可以从逻辑上分开数据,(提供按页面单独请求,而不是一次请求完全部数据),你可以把属性值拼凑成一个String,加上URL提交给请求,通过ajax选项来控制。
该来源支持arrarys和objects,但不支持instances
Server-side processing 是一种特殊的Ajax数据来源,每一页的数据只有在被使用者需要时才会被Ajax请求检索出来,这让服务器上的数据库引擎得以用于批量的数据处理。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值