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();
  // ...
})