我尝试使用以下代码来替换 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!!!!!!";
?>
编辑:
我怎样才能检查它是否在我的display.php 中。
我尝试过解决方案但没有成功。
您的代码有一个定义 onclick 操作的函数,但它本身并不进行调用。我敢打赌,如果您双击该链接,它会起作用,但您应该这样做:
function MakeRequest(id)
{
$.ajax({
url : 'display.php',
data:{"id":id},
type: 'GET',
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',
data:{"id":id},
success: function(data){
$('#ResponseDiv').html(data);
}
});
});
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)