jQueryデータテーブル（バックエンドページングあり）

Question

私は現在、バックエンドのJavaアプリケーション内でページデータ用にSpring Data JPAを使用しています。したがって、RESTfulサービスは、100ページの結果を持つ最初のページを取得するために、？page = 1および？size = 100のようなURLにパラメータを指定して呼び出されます。

ユーザーがテーブルを変更したときにバックエンドサービスの変更を呼び出すように、UIでjQueryデータテーブルを構成する方法はありますか？

たとえば、最初の呼び出しはデフォルトのページ1とサイズ100になります。テーブルのページごとの結果を変更すると、サービスに送信されたサイズをユーザーが選択したものに変更します。次のページの矢印をクリックすると、サービスのページ数を増やして次のページなどを取得します。

私は、保持するためにすべてのデータをUIに送信するにはあまりにも多くのデータがあります。フロントエンドでは、私はこのアプローチに従いたいと思っています。

Answer 1

あなたは以下のようないくつかのことを試してみることができます参照以下

var table = $('#employeesTable').DataTable({ 
      "sAjaxSource": "/employees", 
      "sAjaxDataProp": "", 
      "order": [[ 0, "asc" ]], 
      "aoColumns": [ 
       { "mData": "id"}, 
       { "mData": "name" }, 
        { "mData": "lastName" }, 
        { "mData": "email" }, 
        { "mData": "phone" }, 
        { "mData": "active" } 
      ] 
    }) 

はあなたを助けるかもしれない：

http://learnfromexamples.com/jquery-datatable-in-spring-mvc-application/ https://medium.com/@gustavo.ponce.ch/spring-boot-jquery-datatables-a2e816e2b5e9