伺服器端處理
有很多方法可以將您的資料導入 DataTables,如果您正在處理非常大的資料庫,您可能會想考慮使用 DataTables 提供的伺服器端選項。啟用伺服器端處理後,DataTables 執行的所有動作(例如分頁、搜尋和排序)都會交給伺服器,由 SQL 引擎(或類似引擎)對大型資料集執行這些動作(畢竟,這就是資料庫引擎的設計目的!)。 因此,每次繪製表格都會導致新的 Ajax 請求以取得所需的資料。
透過將 serverSide
選項設定為 true
,並透過 ajax
選項提供 Ajax 資料來源來啟用伺服器端處理。
此範例顯示一個非常簡單的表格,與其他用戶端處理範例相符,但在這個範例中使用伺服器端處理。
名字 | 姓氏 | 職位 | 辦公室 | 開始日期 | 薪資 |
---|---|---|---|---|---|
名字 | 姓氏 | 職位 | 辦公室 | 開始日期 | 薪資 |
- Javascript
- HTML
- CSS
- Ajax
- 伺服器端腳本
- 註解
下面顯示的 Javascript 用於初始化此範例中顯示的表格
$('#example').DataTable({ ajax: 'scripts/server_processing.php', processing: true, serverSide: true });
new DataTable('#example', { ajax: 'scripts/server_processing.php', processing: true, serverSide: true });
除了上述程式碼外,還載入了以下 Javascript 函式庫檔案,以便在此範例中使用
下面顯示的 HTML 是原始 HTML 表格元素,在被 DataTables 增強之前
此範例使用一些額外的 CSS,超出從函式庫檔案載入的內容(如下所示),以便正確顯示表格。下面顯示使用的其他 CSS
載入以下 CSS 函式庫檔案以便在此範例中使用,以提供表格的樣式
此表格透過 Ajax 載入資料。 下面顯示已載入的最新資料。 任何額外資料載入時,此資料將自動更新。
下面顯示用於執行此表格伺服器端處理的腳本。 請注意,這只是一個使用 PHP 的範例腳本。伺服器端處理腳本可以使用任何語言編寫,使用DataTables 文件中描述的協定。