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)?
[解决办法]
<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>