php - jquery 单击发生太快而无法刷新数据库结果？

Question

我正在制作一个简单的shoutbox，当有人发布消息时，该消息会很好地添加到数据库中。我制作了一个刷新按钮，用于填充文本区域中的所有消息。我试图在用户输入消息后调用刷新按钮上的 .click() ，但我认为它发生得太快并且无法捕获数据库中的新消息。如果我添加一个警报以给它更多时间，我就会工作。有更好的办法吗？

$("#shoutBtn").click(function(event){
   event.preventDefault();
   $.post("includes/shoutBoxPost.php", {"message": $("#messageBox").val(),
                                     "name": $("#userNameWelcome").html()});
   $("#messageBox").val("");
   $("#shoutRefresh").click();  
});

我将代码更改为长手 ajax 方式，它可以工作，感谢大家的回答

    $.ajax({
      type: 'POST',
      data: {"message": $("#messageBox").val(),
            "name": $("#userNameWelcome").html()},
      url : 'includes/shoutBoxPost.php',
      success : function(data) {
          $("#messageBox").val("");
          $("#shoutRefresh").click();
      }
    });

Answer 1

请参阅 jQuery .post 的文档。您可以定义一个成功回调，该回调仅在 post 请求成功返回后触发。

jQuery.post( url [, data ] [, success(data, textStatus, jqXHR) ] [, dataType ] )

$.post("includes/shoutBoxPost.php", 
    {"message": $("#messageBox").val(), "name": $("#userNameWelcome").html()},
    function( data, textStatus, jqXHR ) {
        $("#shoutRefresh").click();
    }
);