jQuery AJAX分頁不工作

我在HTML和twitter-bootstrap library的頭部添加了ajax庫，試圖加載沒有任何觸發從PHP的數據，但PHP的工作正常，我嘗試打開data.php它使輸出沒有控制檯中的錯誤，但我真的不知道爲什麼它不起作用似乎是什麼問題？jQuery AJAX分頁不工作

HTML是

<table> 
    <thead> 
     <tr> 
     <th>name</th> 
     <th>age</th> 
     <th>address</th> 
     </tr> 
    </thead> 
    <tbody id = "user_data"> 
</table>

jQuery的是

$(document).ready(function(){ 


    function load_data(page) 
     { 
      $.ajax({ 
       url:"data.php", 
       method:"POST", 
       data:{page:page}, 
       success:function(data){ 
        $('#user_data').html(data); 
       alert('Successfully called'); 
      }, 
      error:function(exception){alert('Exeption:'+exception);} 
      }) 
     } 

     load_data(1); 

     $(document).on('click', '.pagination_link', function(){ 
      var page = $(this).attr("id"); 
      load_data(page); 
     }); 
});

無需添加PHP及其工作罰款就輸出什麼，我需要這只是感謝的問題！

修訂

我試圖使用這些警報，這並不警報什麼？ The Response from Network Tab

Console error

在cosole錯誤的行refferring是$('#user_data').html(data);

來源

2017-05-07 Aze Ronquillo

也在網絡上沒有data.php –

您的load_data函數需要一個頁碼作爲參數..當您第一次調用它時，您沒有傳遞頁面參數.. –

我將如何去傳遞頁面參數？它是從PHP？ –

基本上你需要確保HTML標記正確關閉，還層次或標籤，同時追加維持/加入HTML阿賈克斯。例如，標籤期望爲直接的孩子。

此外，當您添加單擊事件向其中加入了動態發佈DOM負荷，確保你的點擊，而不是直接點擊使用像按鈕的任何元素。

在爲「.pagination_link」點擊事件功能，確保您得到的ID在頁面變量。我更喜歡使用像'page'這樣的屬性，以便可以獲取attr（'page'），因爲它更具可讀性。

來源

2017-05-07 08:33:32

謝謝你！ :)幫助很多 –

歡呼的人，很高興幫助你:) –

我用''input type =「submit」id =「add_details」>的html獲取了ajax函數的一個按鈕''它可以用這些方法'$ （document）.on（'click'，'＃add_details'，function（）{alert（'buttons works'） }）; '但我怎樣才能提交一個表單，這個按鈕是它的父類？ –

jQuery AJAX分頁不工作

回答

相關問題