如何在转到链接中的 URL 之前将所有点击的链接发送到页面

Question

问题：我将如何设置一个页面，以便所有链接在单击时转到一个名为 query_data.cfm 的页面，在该页面中触发数据库查询，并在完成后将用户发送到原始链接的 url？

截至目前，我正在使用 javascript 为页面上的所有链接添加一个类。

<script>
$(document).ready( function() {
    $('a').addClass("tracker");
});
</script>

但我还想做的是让所有与该类的链接，例如 <a class="tracker" href="www.mywebsite.com/page2.cfm">Page 2</a> 转到名为 www.mywebsite.com/query_data.cfm 的页面，其中运行查询并传递 href 的值到数据库，完成后将用户重定向到www.mywebsite.com/page2.cfm

我希望这是足够的信息，但如果我遗漏了什么，请告诉我。

Answer 1

一种方法是简单地更改链接，例如：

<a class="tracker" href="www.mywebsite.com/query_data.cfm?destination=page2.cfm">Page 2</a>

然后所有链接将转到query_data.cfm，这将记录#URL.destination# 信息，然后将CFLOCATION 它们转到#URL.destination#。

Answer 2

编辑：哦，你是同一个人，我的错。读取故障。

我建议你试试这个：http://jsfiddle.net/xcr56gd1/。

由于您使用 jquery 来添加链接，因此您有望看到如何使用 jquery 将 href 更改为 `/r.cfm?d= + $(this).attr('href'),正确编码为 url。

$(document).ready(function () {
    $("a").not(".norm").on("click", function(e) {
        alert($(this).attr('href'));
        // The alert just demonstrates that it's working and how to get href.
        // You can call your ajax here.
        e.preventDefault();
    });
});

使用此代码，您可以在没有“规范”类的所有链接上使用 jquery，因此，如果您特别希望不跟踪链接，您可以这样做。