表单提交页面刷新

Question

是的，我知道。有很多类似的问题，但我已经尝试了大多数提供的方法。 return false;和e.preventDefault也适用于我。

这是我使用的Javascript（jQuery）：

$(document).on("submit", "#chat-form", function() {     
    var chatMessage = $(".chat-input").val();

    console.log(chatMessage);

    send({
        "type": "chat",
        "msg": msg
    });

    return false;
});

编辑：已解决 msg未定义，应为chatMessage

Answer 1

在send函数中，您正在使用未定义的msg变量。请改用chatMessage，它会正常工作。

＆＃13;

＆＃13;

$(document).on("submit", "#chat-form", function(e) {
    var chatMessage = $(".chat-input").val();

    console.log(chatMessage);

    send({
        "type": "chat",
        "msg": chatMessage
    });

  return false;
});


function send(data) {}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="chat-form">
chat: <input class="chat-input" />
<input type="submit">
</form>

＆＃13;

＆＃13;

＆＃13;