javascript - 创建显示为目标链接的点击链接

Question

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

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

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

<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')
}