javascript - jQuery post 在加载时有效，但在点击时无效

Question

我首先实现了以下代码片段来显示“hi”警报并在“document ready”处发布 jQuery 帖子。这第一步工作得很好。然后，我添加了几行代码来仅在单击标签时执行该块。现在“嗨”警报按预期工作（仅在我单击链接后），但是帖子返回“错误，帖子不起作用”并且没有按预期完成。重申一下，如果我删除下面标有 / * / 的 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();
  // ...
})