Щелкните Ведение журнала с помощью JavaScript.

Я бы начал избавляться от встроенного кода 'onclick' и привязывать событие позже:

  <a href="http://google.com" rel="outbound" >Click</a>


   $("a[rel=outbound]").click(function(){ 
        var url = this.href; 
        $.ajax({
        async: false,
        type: "POST",
        url: "Logger.ff", //dynamic url to logging action
        data: {
                sid: 'abc123' //random data
                clicked: url
        },
        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
        cache: false
     });
     return true; 
  }); 

Кроме того, у вас может возникнуть "состояние гонки". В моем примере я установил для async значение false.

Это остановит возврат функции и переход по ссылке до того, как запрос будет выполнен.

Об асинхронном

Причина, по которой я использую здесь async: false, заключается в том, что по умолчанию aync имеет значение true, что означает, что запрос AJAX может быть передан только частично к тому времени, когда браузер увидит return: true и уйдет со страницы.

Это то самое «состояние гонки», о котором я упоминал. Здесь это дешевый трюк, который позволяет избежать этого, заставляя браузер фактически останавливаться до тех пор, пока запрос не будет завершен, а затем позволяя браузеру щелкнуть ссылку.

Более изощренным ответом было бы вернуть "false" (что убьет встроенное в браузер поведение "follow link"), а затем выполнить настоящее перенаправление в функции complete.

Это не лишено собственных проблем и может привести к замедлению просмотра при выполнении запросов, что дает пользователям время щелкнуть другие ссылки, которые, по-видимому, ничего не делают, а затем в конечном итоге один запрос проходит в случайное время, и, казалось бы, случайный происходит перенаправление.

Следовательно, продвинутые решения включают в себя блокировку остальной части страницы и предоставление какой-либо индикации хода выполнения запроса.

(И, следовательно, сложность этого решения на порядок сложнее реализовать на простом примере, чем async: false )

Я думаю, что причина, по которой FF дает вам плохие результаты, заключается в том, что вы покидаете страницу до того, как действие требует времени для выполнения. Как упоминается в ссылке mhartman, если вы используете цель для своей внешней ссылки, она должна работать нормально. Если вы не можете этого сделать, вам, возможно, придется дождаться завершения журнала, хотя вы можете увидеть задержки в навигации.

HTML-код

<a href="http://google.com" onclick="return loggClick(event);">Click</a>

в

function loggClick(e) {
  if (!e) e = window.event;

  e.preventDefault();  // cancels the link

  var theLink = this.href;  // stores the link for later

  $.ajax({
     async: false,
     type: "POST",
        url: "Logger.ff", //dynamic url to logging action
        data: {
            sid: 'abc123' //random data
        },
        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
        cache: false,
         complete: function() {
           // navigate when the log completes
           this.location.href = theLink;
         }
    });
    return true;
  }
}

Еще один подход на стороне сервера, о котором вы, возможно, не подумали, — это иметь страницу, которая обрабатывает ваши перенаправления и затем регистрирует данные.

Например:

<a href="LoggerRedirect.ff?url=http://google.com">Click</a>

Приведенный выше постер верен, он ненадежен, потому что вы покидаете страницу до того, как она успевает ее зарегистрировать.

Вы можете сделать это:

1) вернуть false, поэтому href не активен. 2) зарегистрируйте клик 3) используйте location.href для перенаправления на URL-адрес, на который он был бы перенаправлен

вы можете увидеть небольшую задержку, если для выполнения обработчика onclick требуется много времени.

В этом примере сообщение ajax будет запущено до обработки клика по ссылке. Я обнаружил, что мне нужно синхронно вызывать ajax, иначе POST не будет выполнен. В этом примере мой пост ajax относится к странице PHP, которая добавляет файл журнала. Этот пример эффективен, поскольку он прикрепляет к окну только событие клика. Это также не помешает пользователю щелкнуть ссылку.

//attach click event to window
attachClickEvent = function() {
    $(document).on('click', function(e) { //document for IE8 compatibility
        var element = $(e.target);
        var tag = element.prop('tagName');

        if (tag === 'A') {
            var data = {'title':document.title, 'URL':element.attr('href'), 'origin':location.href};
            logData(data);
        }
    });
}

logData = function(data) {
    $.ajax({
        async: false,
        cache: false,
        type: "POST",
        data: data,
        url: 'logger.php',
        success: function(msg) { 
            //debugging
        },
        error: function() {
            //debugging
        }
    });
}