AJAX正在進行第二次點擊

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  
$anchortext=$_GET['page']; 
if(isset($anchortext)) 
{ 
    echo 'this is a'.$anchortext; 
} 
?> 

Answer 1

你放錯地方的$(document).click(..)爲$(document).ready(....) PHP，所以只有在第一次點擊的點擊處理程序註冊爲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。