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分页不工作

回答

相关问题