javascript - 单击功能正在删除所有更改

Question

我有一个Click函数，里面有ajax post方法，该方法从数据库获取信息单击按钮后，信息显示 1 秒钟，然后消失。这是代码

$('.ViewVisitorMsg').click(function() {
    var requestsID = $(this).attr('data-id');

    $.ajax({
        type: 'post',
        url: baseURL + "admin/Messenger/get_messages_to_admin",
        data: {
            request_id:requestsID
        },
        dataType: 'json',
        success: function(data) {
            for (var i = 0; i < data.length; i++) {
                if (data[i].sender == 1) {
                    chatBox.append("<li  class= 'clearfix'><div class='message-data align-right'></div><div class='message other-message float-right'>" + data[i].message + "</div></li>");
                } else {
                    chatBox.append("<li><div class='message-data'><span class='message-data-name'> Vincent</span></div><div class='message my-message'>" + data[i].message + "</div></li>");
                }
            }
        }
    });
});

我尝试手动输入一个 ID，结果成功了。就像当点击函数完成时，它会重置所有变量

编辑:这是链接而不是表单

Answer 1

您可能正在点击 button里面 form它被解释为提交按钮( <button type="submit"> )，它将提交表单并刷新页面。将按钮更改为<button type="button">以阻止它提交表单。