Jquery 提交而不刷新

我一整天都在发布不同版本的代码（对不起！）我现在尝试使用它，这样当您提交时（通过按enter键），它不会刷新页面。我尝试将提交按钮设置为按钮，但仅当您实际单击它时才起作用

我一直在做研究，但我的很多结果都是过时的JavaScript方法

这些来自我的HTML标记。其他所有内容都只是普通的html、head、body和CSS

<?php
session_start();
if(!isset($_SESSION['id'])){
    $_SESSION['id'] = rand(0,100);
}
?>

<div id="room">
<div id="send_cont">
<form id="chat">
    <input type="text" id="msg" />
    <input type="submit" id="send" value=" " /> 
</form>
</div>

<div id="messages">
Loading...
</div>
</div>

<script type="text/javascript">
$(document).ready(function(){
var refreshchat = function(){
    $.get('ajax.php', function(data) {
        $('#messages').html(data);
    });
    var msgs = document.getElementById('messages');
    msgs.scrollTop = msgs.scrollHeight;
}
var getmsgs = self.setInterval(refreshchat,0);
$('#chat').submit(function(){
    var msg = $('#msg').val();
    $.post("ajax.php", { msg: msg, from: "You" },
       function(data) {
            $('#messages').html(data);
            $('#msg').val('');
            var msgs = document.getElementById('messages');
            msgs.scrollTop = msgs.scrollHeight;
    });
});
return false;
});
</script>

加载。。。
$（文档）.ready（函数（）{
var refreshchat=函数（）{
$.get（'ajax.php'，函数（数据）{
$（'#messages'）.html（数据）；
});
var msgs=document.getElementById（'messages'）；
msgs.scrollTop=msgs.scrollHeight；
}
var getmsgs=self.setInterval（refreshchat，0）；
$（'#chat'）。提交（函数（）{
var msg=$（'#msg'）.val（）；
$.post（“ajax.php”，{msg:msg，from:“You”}，
功能（数据）{
$（'#messages'）.html（数据）；
$（'#msg'）.val（''）；
var msgs=document.getElementById（'messages'）；
msgs.scrollTop=msgs.scrollHeight；
});
});
返回false；
});

您可能希望阻止可以传递给jQuery事件单击处理程序的事件对象的默认浏览器行为

顺序如下：

$('#send').click(function(evt){
    evt.preventDefault()
    // perform ajax call here...
});

你可以用

$('#submit').click(function(evt){
    evt.preventDefault()
    // perform ajax call here...
});

或

$（文档）.ready（函数（）{
var refreshchat=函数（）{
$.get（'ajax.php'，函数（数据）{
$（'#messages'）.html（数据）；
});
var msgs=document.getElementById（'messages'）；
msgs.scrollTop=msgs.scrollHeight；
}
var getmsgs=self.setInterval（refreshchat，0）；
$（'#chat'）。提交（函数（）{
var msg=$（'#msg'）.val（）；
$.post（“ajax.php”{
味精:味精,，
来自：“你”
}，函数（数据）{
$（'#messages'）.html（数据）；
$（'#msg'）.val（''）；
var msgs=document.getElementById（'messages'）；
msgs.scrollTop=msgs.scrollHeight；
});
返回false；//
$（'#chat'）。提交（函数（e）{e.preventDefault（）；…
正是我需要的。谢谢！
$('#submit').click(function(evt){
    // perform ajax call here...

    return false ;

});

$(document).ready(function() {
    var refreshchat = function() {
            $.get('ajax.php', function(data) {
                $('#messages').html(data);
            });
            var msgs = document.getElementById('messages');
            msgs.scrollTop = msgs.scrollHeight;
        }
    var getmsgs = self.setInterval(refreshchat, 0);
    $('#chat').submit(function() {
        var msg = $('#msg').val();
        $.post("ajax.php", {
            msg: msg,
            from: "You"
        }, function(data) {
            $('#messages').html(data);
            $('#msg').val('');
            var msgs = document.getElementById('messages');
            msgs.scrollTop = msgs.scrollHeight;
        });
        return false; // <--- needed here...
    });
    // return false; <--- not in the right place....
});