我尝试使用代码替换div内容,但它不能正常工作我做错了什么？
function MakeRequest()
{
$("#page_num li").click(function() {
var id=(this.id);
alert(id);
$.ajax({
url : 'display.PHP',data:{"id":id},type: 'GET',success: function(data){
$('#ResponseDiv').html(data);
}
});
});
}
//列表以获取价值
<ul id="page_num">
<li id="5" onclick='MakeRequest();' ><a href="#">5</a></li>
<li id="10" onclick='MakeRequest();' ><a href="#">10</a></li>
<li id="15" onclick='MakeRequest();' ><a href="#">15</a></li>
</ul>
// div替换
<div id='ResponseDiv'>
This is a div to hold the response.
</div>
//我的display.PHP
<?PHP echo "This is a PHP response to your request!!!!!!"; ?>
您的代码具有定义onclick操作的功能,并且不会自行调用.我打赌,如果你双击它会起作用的链接,但你应该这样做：
function MakeRequest(id)
{
$.ajax({
url : 'display.PHP',success: function(data){
$('#ResponseDiv').html(data);
}
});
}
最后,将调用更改为：
onclick='MakeRequest(5);'
或者只是这样做,它将li元素绑定到click函数,并且不需要“onclick”：
$(document).ready(function()
{
$("#page_num li").click(function() {
var id=$(this).attr(id);
$.ajax({
url : 'display.PHP',success: function(data){
$('#ResponseDiv').html(data);
}
});
});
});
