javascript - jQuery post 在加载时起作用，但在单击时不起作用

Question

我首先实现了以下代码片段来显示“hi”警报并在“文档就绪”时执行 jQuery 发布。这第一步效果很好。然后，我添加了几行，以便仅在单击标签时执行该 block 。 现在，“hi”警报按预期工作(仅在我单击链接后)，但是帖子返回“错误，帖子不起作用”并且未按预期完成。重申一下，如果我删除下面标有/*/的 2 行，代码就可以正常工作(在页面加载后立即)。有什么想法吗？

$(document).ready(function(){
    $('a.postlink').click(function() {    /*** post works if I remove this line ***/
    alert("hi");
    jQuery.post("http://myurl", 
            {registration_id: 'device1', command: 'MESSAGE', message: 'Hello', longMessage: ''},
       function(data) {
         alert("ok");
       })
       .error(function() {
        alert("error, the post didn't work");
        });
    });                                   /*** and this line ***/
});

Answer 1

尝试event.preventDefault();

<a href="#" class="postlink"></a>

$('a.postlink').click(function(event) { 
   event.preventDefault();
  // ...
})