JavaScript - 在重定向之前记录

Question

我正在尝试在重定向之前发送ajax调用（用于记录目的）。 实际上，重定向是一个正确设置八位字节流和处置的下载。 因此，不会在所有浏览器（特别是chrome）上调用ajax调用。 在像IE这样的其他人。 如何确保为SURE执行调用？

这是代码：

$(function() {
    $('#download-link-a').click(function() {
        remoteLog ('Clicked on download', '<?php echo $username; ?>' );
        location.href = "<?php echo $secure_link; ?>";
        return false;
    });
});
function remoteLog (arg, key) {
    var file = '/files/remoteLog.php';
    $.post(file, {text: arg, key: key});
}

Answer 1

只有在POST成功后才需要使用回调函数来调用重定向。 我建议您使用$.ajax()而不是$.post()因为它更可定制。

以下是如何使用适当的回调函数将$.post()转换为$.ajax()等效项：

$(function() {
    $('#download-link-a').click(function() {
        remoteLog ('Clicked on download', '<?php echo $username; ?>' );
        return false;
    });
});

function remoteLog (arg, key) {

    var fnSuccess = function() {
        location.href = "<?php echo $secure_link; ?>";
    };

    var fnFail = function() {
        alert('POST failed. Do not redirect!');
    };

    $.ajax({
      type: 'POST',
      url: '/files/remoteLog.php',
      success: fnSuccess,
      error: fnFail,
      data: {text: arg, key: key},
      dataType: 'json',
      async:true
    });
}

更多阅读： jQuery.ajax（）

Answer 2

将重定向移动到回调函数：

function remoteLog (arg, key) {
    var file = '/files/remoteLog.php';
    $.post(file, {text: arg, key: key})
      .always(function(){location.href = "<?php echo $secure_link; ?>";});
}

Answer 3

$(function() {
    $('#download-link-a').click(function(e) {
        e.preventDefault();
        remoteLog ('Clicked on download', '<?php echo $username; ?>' );

    });
});
function remoteLog (arg, key) {
    var file = '/files/remoteLog.php';
    var jqPost = $.post(file, {text: arg, key: key})
    .always( function() { //or .done() can also be used
       location.href = "<?php echo $secure_link; ?>";
        return false;
    });
}

Answer 4

我会选择onbeforeunload和同步ajax调用。

$("#some-link").click(function(evt){
     this.outlink = $(this).attr("href");
     this.outtext = "Some text";
});

window.onbeforeunload = function(){
  data = {text:this.outtext,outlink:this.outlink};
  $.ajax({
    url:url,
    type:"POST",
    data:data,
    async:false
  });
};

实际上，你唯一的问题是你的ajax调用的async部分。