2017-06-05 89 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); 
    } 
}); 

的變種可以是動態的,使用輸入隱藏或某些元素屬性

我希望你明白的邏輯。告訴我如果不是。

+0

我用var info = table.page.info();獲取數據表的當前頁面。它只是傳遞頁碼會做什麼? – Crazy

+0

請提供您用於分頁的代碼。你需要調用這個函數。例如:如果你點擊下一頁,你將轉到第2頁。當你需要刷新內容時,你需要保存這個號碼(第2頁),調用分頁函數傳遞'page 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' 
     } 
    }); 
}); 
相關問題