Question

这是我的index.html页面，当我点击锚标记时，我试图实现一个简单的AJAX，文本将被传递到PHP data.php页面，该页面将显示被点击的页面。是的，代码工作正常，但是当我第一次点击链接时，没有显示任何内容，从第二次开始工作。实际问题在哪里？

这是我的剧本

<script>
$(document).click(function(){
    $("a").click(function(){
        //when clicked our ajax will work
        $.get('data.php',{'page':$(this).text()},function(data){
            $('#result').html(data);
        });
    });
});
</script>

这是我用于AJAX的PHP

<?php    
$anchortext=$_GET['page'];
if(isset($anchortext))
{
    echo 'this is a'.$anchortext;
}   
?>

Answer 1

您为$(document).click(..)放错了$(document).ready(....)，所以只有在第一次点击后，点击处理程序才会注册到a元素

$(document).ready(function(){
    $("a").click(function(){
        //when clicked our ajax will work
        $.get('data.php',{'page':$(this).text()},function(data){
            $('#result').html(data);
        });
    });
});

Answer 2

使用$(document).ready代替$(document).click。

AJAX正在进行二次点击

2 个答案: