日期:2014-05-16  浏览次数:20626 次

AJAX中如何让javascript获取链接参数后页面不跳转? - Web 开发 / Ajax
昨天在研究yahoo.com时发现,yahoo首页页面内的每个链接都有一个"真实"的url链接.
如: Entertainment 其连接为: <a href="r/e8" id="entertainment1" hidefocus="true">Entertainment</a>
在点击该链接后,首页并不会跳转到 r/e8 路径,而是调用ajax来加载该链接所制定内容.

于是我想,这样的方式是不是也可用在我的网站中呢! 但是几经周折,还是没能成功...

问题如下:

页面内有一个链接: <a href="/c">查看评论</a>
当用户点击该链接后,如何让页面不跳转到 /c 路径(即当前页面不刷新到链接指向URL)?

------解决方案--------------------
HTML code
<a href="r/e8" id="entertainment1" hidefocus="true">Entertainment </a>
<script>
document.onclick=function(e)
{
  e=e||event;
  var tag=e.target?e.target:e.srcElement;
  if(tag.tagName=="A"&&tag.href)
  {
    //这里可以调用你的ajax方法来获取数据
    //..............
    //..............
    //下面的代码是禁止转向的
    alert(tag.href);
    return false;
  }   
}
</script>