jQuery ajax 功能在 Safari 中不起作用（Firefox、Chrome、IE 可以）

Question

我不是 javascript wiz，但我有点困惑这在三个主要浏览器中是如何工作的，但不是 Safari……这段代码有什么问题吗？基本上我只是将它与给定 url 处的 php/mysql 回调结合使用来跟踪链接点击。

Drupal.behaviors.NodeDownloadCounter = function() {

    $('a.ndc-link').click(function() {
        $.post('http://www.pixeledmemories.com/node-download-counter/log/' + this.name);
        return true;
    });

};

在这里使用 Drupal 行为而不是

$(document).ready(function() {

（正确的 Drupal 方法）但我已经尝试了两种方法，但没有任何区别。

我也试过删除“return true”，但没有效果。

---

好的，进一步的测试表明，让点击触发警报在 Safari 中确实有效：

$('a.ndc-link').click(function() {
    alert('testing (ignore)');
    $.post('http://www.pixeledmemories.com/node-download-counter/log/' + this.name);
    return true;
});

但仍然没有任何内容记录到 mysql。这是我的回调函数：

function node_download_counter_log($nid)
{
    global $user;
  $timestamp = time();
    $title = db_result(db_query("SELECT title FROM {node} WHERE nid = %d", $nid));

  db_query("INSERT INTO {node_download_counter} (nid, title, download_count, last_download, last_uid) VALUES (%d, '%s', %d, %d, %d) 
                    ON DUPLICATE KEY UPDATE download_count=download_count+1, last_download = %d, last_uid = %d", $nid, $title, 1, $timestamp, $user->uid, $timestamp, $user->uid);

  db_query("INSERT INTO {node_download_counter_log} (nid, title, uid, timestamp) VALUES (%d, '%s', %d, %d)", $nid, $title, $user->uid, $timestamp);

}

Answer 1

听起来问题是浏览器在数据发布完成之前更改了页面。您可以尝试添加 return false 以查看它是否开始工作。如果是这样，您将需要在点击链接之前添加一个短暂的延迟。

更新： 由于它有效，请尝试在“return true;”之前添加以下内容

if(jQuery.browser.safari){
  setTimeout("window.location.href= '"+this.href+"'",500);
  return false;
}

Answer 2

好的，根据我们上面关于 cmets 的对话，试试

$('a.ndc-link').click(function() {
    var href = this.href;
    $.post('http://www.pixeledmemories.com/node-download-counter/log/' + this.name,
       function() {
           window.location.href = href;
       }
    );
    return false;
});

Answer 3

首先，您必须小心不要将处理程序多次附加到每个'a.ndc-link'，一种方法是使用自定义类标记元素。

Drupal.behaviors.NodeDownloadCounter = function() {
    $('a.ndc-link:not(.node-download-counter-processed)').addClass('node-download-counter-processed').click(function(event) {
        // ...
    });
};

我认为这不起作用的一个原因是，因为它关闭页面以打开链接目标，Safari 将在 $.post 请求实际发送到服务器之前取消它。返回 false 并调用 event.preventDefault（事件是事件处理程序的第一个参数）应该可以防止这种情况发生，但也会阻止浏览器实际加载链接的目标。解决此问题的一种方法是将页面更改推迟到 POST 请求完成。

Drupal.behaviors.NodeDownloadCounter = function() {
    $('a.ndc-link:not(.node-download-counter-processed)').addClass('node-download-counter-processed').click(function(event) {
        var link = this;
        event.preventDefault();
        $.post('http://www.pixeledmemories.com/node-download-counter/log/' + this.name, function() {
          window.location.href = link.href;
        });
        return false;
    });
};

但这只有在 POST 请求中没有错误的情况下才有效。

更好的解决方案是劫持链接目标的服务器端处理程序以添加 click 日志记录，然后调用原始处理程序。