创建显示为目标链接的单击链接

Question

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

如何通过A链接创建点击，其中鼠标悬停在链接上显示外部目标网址，但是，点击第一个链接会转到我的指标页面，该页面会重定向到真正的外部网页？

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

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

谷歌搜索结果等网站就是这样做的。

我试着寻找这个。像这个问题，我甚至不确定这是什么。

感谢

（请随意重拍）

Answer 1

我不熟悉这样做的方法，但您可以将onClick事件附加到您的链接，并将该调用作为一个函数，触发对指标URL的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')
}

Answer 2

也许你可以在链接的click事件上调用Javascript函数，这将对服务器进行Ajax调用，并将外部站点的名称放在anchor标记的'title'属性上：

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