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>