javascript - 在不重定向的情况下对 url 执行 ping

Question

我有两个网址:

• A用于重定向到着陆页
• B 用于跟踪目的(应该在不重定向的情况下对该 URL 进行 ping)

上述操作应使用任何点击事件同时发生。

是否可以使用 HTML 或 javascript 实现此目的。

我找到了这段代码:

<a href="http://www.omsaicreche.blogspot.com" onclick="location.href='http://www.omsaivatikanoida.blogspot.com';" target="_blank"> Open Two Links With
One Click</a>

但是这里的 onclick 事件重定向到两个页面。

Answer 1

点击后，它“重定向”到两个页面，因为 <a>标签有 target属性为 _blank -- href 中的 URL属性将在新窗口中打开，当前窗口将显示其 URL 在 onclick 中定义的页面处理程序。

通常情况下，当点击链接访问另一个页面时，新页面需要显示在当前窗口中。在这种情况下，target="_blank"应该删除。

为了同时发送跟踪请求和显示新页面。有3种解决方案:

---

解决方案1. 在当前页面，点击链接时，发送跟踪请求，稍等片刻，重定向到新页面。这一切都发生在 JavaScript 中，没有 target="_blank" , href 中没有 URL .

例如:

<a href="javascript:;" onclick="visitPageX()">link</a>

function visitPageX() {
  // send Ajax request to the track URL
  setTimeout(function() {
    location.href = 'http://{pageXURL}';
  }, 300);
}

请注意时间间隔(在上面的代码中，它是 300ms )取决于网络应用程序的网络环境。如果它太小，则在重定向页面之前不会发送用于跟踪的 HTTP 请求。如果它太大，设计效果(如旋转器)可能会有所帮助。使用这个时间间隔是因为对于跟踪请求，页面不需要等待它的响应，只要保证请求被发送并且一切正常。

---

解决方案 2. 单击链接后，立即转到新页面。并在新页面打开时发送HTTP请求进行跟踪。

例如:

<a href="http://{pageXURL}">link</a>

// JavaScript code in page X, running when page X is opened.
// send Ajax request to the track URL

请注意此解决方案不准确。如果用户点击原页面中的链接，但未能打开页面X，或者页面X中的跟踪脚本代码运行失败，则不会跟踪此类事件。

---

解决方案 3. 单击链接后，立即转到新页面。在服务器端程序中，当新页面X被访问时，发送跟踪请求(来自服务器)。

这个方案比方案二好，但是可能会带来更多的复杂度。