mootools 内联 Ajax 调用不起作用

Question

我正在尝试使用 mootools ajax 请求来记录传出链接的点击次数。到目前为止，这就是我正在做的事情。

每个链接如下所示：

<div id="1">    
<a href="http://stackoverflow.com/" onclick="clickRecord(1)">StackOverflow</a>
</div>

javascript 函数 clickRecord(id) 定义如下：

function clickRecord(id){
    var u = "record.php";   
    var req = new Request({
      method: 'post',
      url: u,
      data:{'id':id},
      onComplete:function(response){
      }
    }).send();

}

我遇到的问题是这样的。如果我添加一个 return false;对于 onclick="" 声明，一切正常，当然问题是单击不会将用户带到预期的页面。如果我没有则返回 false；那么 ajax 调用似乎永远不会执行。

我认为 onclick 事件应该首先执行，然后只执行默认操作。难道不是这样吗？

如果您使用 onmousedown 事件，则会出现更奇怪的情况。好像在 Firefox 上，如果你使用 onmousedown 事件，一旦你进入新页面，你不能简单地导航回旧页面，你必须刷新旧页面。否则调用不会被执行。在 IE 上不会发生这种情况。

Answer 1

不要使用 onclick - 非常 1995 年。

而是将事件附加到元素并使用 event.stop()，即：

<a href="http://stackoverflow.com/" data-id="1">StackOverflow</a>

JS：

document.getElements('a').addEvents({
    click: function(event) {
        event.stop();
        var u = 'record.php';
        var req = new Request({
            method: 'post',
            url: u,
            data: {
                'id': this.get('data-id');
            },
            onComplete: function(response) {}
        }).send();
    }
});

顺便说一句。

这在 HTML 中无效，ID 需要以字母开头。

Answer 2

好的。找到了问题之一的答案：

1. 通过 onclick() 声明时，内联 mootools 请求未执行。
   看来这是由于脚本不同步造成的。因此，它可能会在没有实际完全提交请求的情况下返回，然后浏览器会移动到另一个页面，从而中断执行。向脚本添加同步调用可以解决该问题：

函数clickRecord(id){
    var u = "记录.php";   
    var req = 新请求({
      异步：假，
      方法：'发布'，
      网址：你，
      数据：{'id':id},
      onComplete：函数（响应）{
      }
    }）。发送（）;
}

onmousedown事件中提到的第二个问题，即如果浏览器导航回来，firefox不执行ajax调用仍然没有解决。不过，我将其保留，因为这不是提出的主要问题。