我在HTML的标题处添加了ajax库,并且twitter-bootstrap library我尝试加载数据而没有任何来自php的触发,但是php正常工作,我尝试打开data.php,使输出成为控制台中没有错误,但我真的不知道为什么它不起作用,这似乎是什么问题?

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中出现错误的行是$('#user_data').html(data);

最佳答案

基本上,您需要确保在通过ajax附加/添加HTML时,正确关闭了HTML标签,并维护了层次结构或标签。例如,tags期望为直接子代。

此外,当您将点击事件添加到任何元素(例如在dom加载后动态添加的按钮)上时,请确保使用点击而非直接点击。

在“ .pagination_link”的点击事件函数中,请确保您在页面变量中获取了ID。我更喜欢使用'page'之类的属性,以便您可以更好地读取attr('page')。

10-07 16:17
查看更多