jquery dataTable はバックグラウンドとページングでデータをロードします-jsチュートリアル-php.cn

この記事では、jquery dataTable のバックグラウンド読み込みデータとページングのサンプルコードを中心に紹介します。興味がある方は、ぜひ参考にしてください。

dataTable を使用して、バックグラウンドでデータをロードし、ページ分割します。オンライン版はたくさんありますが、使用できないものや詳細が確認されていないものも多くあります。

js ファイルを引用します

ログイン後にコピー

table タグを追加します。は動的にロードできます

        名称  apiKey  secretKey   创建时间  Status  操作

ログイン後にコピー

主要な JS コード:

ログイン後にコピー

バックエンドコード:

// 获取前端过来的参数,下面三个参数是 dataTable默认的，不要随便更改 Integer sEcho = Integer.valueOf(params.get("sEcho"));// 记录操作的次数 每次加1 Integer iDisplayStart = Integer.valueOf(params.get("iDisplayStart"));// 起始 Integer iDisplayLength = Integer.valueOf(params.get("iDisplayLength"));// 每页显示的size Map map = new HashMap(); try { // 查询数据,分页的话我这边使用的是 PageHelper，这边不介绍了 PagedResult list = pushEntityService.findByUserId( pushUser.getId(), iDisplayStart, iDisplayLength); // 为操作次数加1，必须这样做 int initEcho = sEcho + 1;

ログイン後にコピー

//返回参数也是固定的 map.put("sEcho", initEcho); map.put("iTotalRecords", list.getTotal());//数据总条数 map.put("iTotalDisplayRecords", list.getTotal());//显示的条数 map.put("aData", list.getDataList());//数据集合 } catch (Exception e) { e.printStackTrace(); } return map;

ログイン後にコピー