AJAX 调用不起作用，因为它继续转到链接

Question

我有一个从数据库动态生成的PDF 链接列表。我想要一个日志来跟踪下载每个用户的用户。

这似乎不起作用，因为单击链接后，它没有时间在重定向之前执行ajax。

这里是javascript：

function insertlog(linkName)
{
    $.post( "insertlog.php", { linkName: linkName, user: "<?=$username?>" } );
}

这里是链接：

 <a href="http://www.test.com/media/pdf/test.pdf" onclick="insertlog('test.pdf')">test.pdf</a>

Answer 1

试试这个：

<script>                    
function logAndGo(target)
{
    $.post( "insertlog.php", { linkName: target, user: "<?=$username?>" } )
        .then(function(url) {
            window.location = url;
        });
}
</script>

让服务器返回正确的 URL 作为对日志 POST 的响应。然后把链接改成：

<a href="#" onclick="insertlog('test.pdf')">test.pdf</a>

@dave 提出的更好的选择是：创建一个处理重定向的服务器端页面，这样您就可以执行以下操作：

<a href="getFile.php?id=1234">test.pdf</a>

通过在服务器端处理它，您可以更多地控制日志记录、重定向到哪个 URL 等等。

Answer 2

我认为您想要做的最好的解决方案是链接到 pdf，而不是直接链接到您的 ajax 脚本调用的站点并将实际请求的源作为参数传递。

然后您可以在您的脚本中进行日志记录并重定向到实际源（或让脚本只返回实际源）。

这还允许您跟踪阻止 Javascript 的用户。它不需要两个请求。并且不需要您维护不必要的 Javascript 代码。

Answer 3

重定向到$.postcallback。

<script>                    
function logAndGo(target)
{
    $.post( "insertlog.php", { linkName: target, user: "<?=$username?>" }, fucntion(){
            window.location = 'http://www.test.com/media/pdf/' + target;
          });
}
</script>

Answer 4

感谢大家的帮助。我接受了 Nate 的建议，这是最终的解决方案：

function insertlog(linkName)
{
$.post( "insertlog.php", { linkName: linkName, user: "<?=$username?>" }, 
   function(linkName) {
        window.location = "http://www.test.com/media/pdf/"+linkName;
    });
}

然后在我的 insertlog.php 的末尾添加一个回显，并带有 PDF 文件名。

我的链接是这样的：

 <a onclick="insertlog('1104.pdf')" href="#">1104.pdf</a>