在页面重定向之前将数据异步发布到服务器

Question

这似乎是一个常见问题，但我找不到相关主题 - 如果我在这里遗漏了什么，请指导我。

我们正在对我们的网站使用某种点击跟踪器。 当用户单击链接时，此跟踪器会收到调用，我们希望将某些数据填充到不同的服务器，并让用户继续访问单击的 url。

因为我不想在这里等待服务器响应——我不想等待对这个 ajax 调用的响应。 但发生的事情是我失去了这个电话，它永远不会到达服务器。 执行此操作的正确方法是什么？

我正在使用 top.window.location.href = url;因为我有时会在 iframe 中打开。

function onClick(url, clickedFrom) {
        var testClick = ServerHost + "click";
        var dataObject = buildCommonData();

        $.ajax({
            dataType: 'post',
            contentType: "text/json; charset=utf-8",
            data: dataObject,
            url: testClick,
            async: true,
            success: function (response) {
                top.window.location.href = url;

            },

        });
        top.window.location.href = url;

        return false;
    }

Answer 1

删除第二个top.window.location.href = url; ...，它正在破坏您的$.ajax() 呼叫...并且永远无法到达return false。

---

考虑在$.ajax() 调用中使用setTimeout 和 success:！

您可以在这里加倍您的方法，并保留第二个 top.window.location.href 调用，但将其放在 setTimeout 块中，以防出现 $.ajax() 延迟。

这样，$.ajax() 调用应该首先发生，但如果不是，至少当服务器故障挂断$.ajax() 调用时，用户不会被延迟。