jQuery Ajax需要两次单击才能显示结果

Question

我有一个jQuery Ajax点击功能，它在DB上写入一些数据并将结果附加到列表中。

问题在于，当我第一次单击时，它在数据库上正确写入，而不显示结果，而如果我再次单击，它会再次尝试写入，但会生成错误，并将其附加到列表中

我想这样做是在DB上写的，并在第一次点击时显示结果。

这是我的jQuery代码：

$("#add_message_button").click(function () {
    var mess = $("#message").val();
    $.post("<?echo base_url();?>index.php/order/add_message", {
        user_id: <? echo $user_id; ?> , order_id: <? echo $id_order; ?> , message: mess,
        username: <? echo "\"".$username."\""; ?>
    },
    function (data) {
        if (data) {
            data = $.parseJSON(data);
            if (data.msg == "Error") $("#messages_ul").show(400).append("Errore");
            else $("#myjam_message_ul").show(400).append("<li><span class=\"username\"><a href=\"<? echo base_url(); ?>index.php/user/show_user/" + data.username + "\">" + data.username + "</a></span><span class=\"data_inserimento\">" + data.timestamp + "</span><p class=\"myjam_message_p\">" + data.msg + "</p></li>");
        } else {
            alert("Error");
        }

    });
});

非常感谢！