2012-02-15 118 views
1

我想创建一个链接,其中href首先从我的服务器执行GET以在重定向到外部页面之前记录视图度量。创建显示为目标链接的点击链接

如何创建通过A链接点击的链接,其中悬停在链接上显示外部目标网址,但是,单击第一个链接转到我的指标页面,该网页将重定向到实际外部网页?

我想到了这样的事情。标题只在悬停状态而不在状态栏上。

<a href="/metric/id" title="http://www.example.org">http://www.example.org/</a> 

网站like google search results do this。

我试过寻找这个。像这个问题一样,我甚至不确定这是什么。

感谢

(请随时重新标记)

+0

有些网站上是否有示例? – 2012-02-15 06:36:18

+0

是的,将鼠标悬停在任何谷歌搜索的第一个搜索结果上。该链接显示它将进入外部网站,但实际发生的是,点击它在重定向之前首先打到另一个谷歌页面。 – 2012-02-15 06:37:33

回答

2

我不熟悉的方式来做到这一点,但你可以onClick事件附加到您的链接,并有调用一个函数火灾关闭对指标网址的AJAX请求,以便在遵循链接之前记录它。

您的链接将成为

<a href="[REAL URL]" title="http://www.example.org" onclick="record(id)">http://www.example.org/</a> 

然后在JavaScript(在这里使用jQuery来使这个快/它真棒)

function record(id) { 
    jQuery.get('http://..../metric/' + id') 
} 
+0

很好用的jquery.get。 – 2012-02-15 06:49:57

2

也许你可以调用上的click事件的JavaScript函数链接,这将对服务器进行Ajax调用,并将外部网站的名称放在锚标记的“标题”属性上:

<a href="#" title="abcd.com" onclick="Redirect()">Click Here</a> 
function Redirect(){ 
    $.ajax 
{ 
//code 
} 
}