单击时的 AJAX URL 请求 - 如何将其与 HTML 链接一起使用

Question

Wayne 的代码有效，谢谢。现在我遇到了一个问题，即通过 PHP 循环传入 URL 参数。单击链接后，代码将循环遍历一组用户 ID，而不是回显单击的行，而是继续循环遍历所有用户 ID。

在它回显与单元格中的其余数据相对应的 ID 之前。

<?php while ($row = mysql_fetch_assoc($result)) : ?>
<?php $id = $row['id']; 


<script type="text/javascript">
jQuery(document).ready(function(){
$(".userDetailsLink").click(function() {
  $.ajax({
   url: "userdetail.php?id=<?php echo $id ?>",
   success: function(msg){
     $("#results").html(msg);
   }
 });
});
 });
</script>



   <td width="90px" class="resultsDisplay"><a class="userDetailsLink"> <?php echo $row['Username']; ?></a></td>

Answer 1

<a id="button" href="#" ... add any custom tags that contain info ...>this is a link</a>

当任何 id 标签等于 button 的元素被点击时，你的 jQuery 就会触发。

您可以将其从 $("#button").click(function() 更改为 $("#myajax").click(function() 因为链接具有按钮 id 的语义，并且请改用 id="myajax"。