2017-06-05 3 views
0

ajax.reload()を使用しましたが、動作しません。データを更新してページテーブルに保持した後にデータテーブルをリフレッシュする方法

私はデータをリフレッシュするための他の方法を試していますが、データを編集した後、現在のページネーションテーブルにどのように留まることができますか?

$.ajax({ 
      type: 'GET', 
      url: '/test', 
      dataType: 'HTML', 
      success: function (html) { 
       $('#group').html(html); 
      }, 
      error: function (data) { 
       console.log('Error:', data); 
      } 
     }); 

上記の方法を使用するとページをリフレッシュできますが、常に最初のページ付けテーブルに戻ります。誰でもデータを編集した後、どのようにして現在のページ区切りテーブルに留まることができるのか考えていますか?

答えて

0

まず、現在のページ(例:3)を取得する必要があります。 コンテンツを更新する関数を呼び出すときは、現在のページをパラメータとして渡す必要があります。たとえば:

var myCurrentPage = 3; 
$.ajax({ 
    type: 'GET', 
    url: '/test', 
    dataType: 'HTML', 
    data: {page: myCurrentPage} 
    success: function (html) { 
     $('#group').html(html); 
    }, 
    error: function (data) { 
     console.log('Error:', data); 
    } 
}); 

varが隠さ入力またはいくつかの要素を使用してダイナミック可能性があり、私はあなたがロジックを理解していることを願っています

属性。そうでない場合は教えてください。

+0

私はvar info = table.page.info();を使用しました。 datatableの現在のページを取得します。それはちょうどページ番号が行うだろうパスですか? – Crazy

+0

ページネーションに使用するコードを入力してください。この関数を呼び出す必要があります。例:次のページをクリックすると2ページに移動します。この番号を保存する必要がある場合(2ページ)、内容を更新する必要がある場合は、ページ2をパラメータとして渡してページ機能を呼び出します。この方法でコンテンツは現在のページに読み込まれます。 –

0

私はこれをページの滞在(リロード前)に使用しています。 "bStateSave":true、 リロードページに答えることを願っています。

$(document).ready(function() { 
    $('#users').DataTable({ 
     "bStateSave" : true, 
     // "searching" : false, 
     "columns": [ 
      {"data": "id"}, 
      {"data": "name"}, 
      {"data": "phone"}, 
      {"data": "fax"}, 
     ], 
     "processing": true, 
     "serverSide": true, 
     "ajax": { 
      url: 'demo.php', 
      type: 'POST' 
     } 
    }); 
}); 
関連する問題