我在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')。