提交ajax / jquery表单而不刷新 - INPUT =#msg,OUTPUT = #messages

时间:2011-08-04 17:37:46

标签: php jquery html ajax chat

我基本上有一个你输入聊天消息的表单。它看起来像聊天轮盘/ omegle。你认为自己是你,而另一个人则是陌生人。 我需要能够重新加载邮件,而无需在提交时刷新页面。这位于HTML页面的底部:

<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);
$('#send').click(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;
    });
});
});

</script>

我看到this question/answer on stackoverflow,但我不确定如何使用此设置。

1 个答案:

答案 0 :(得分:0)

您需要创建发送按钮。 已编辑:自动调用getmsgs 。除了按钮,我唯一能想到的是ajax.php文件。这是创造了吗?

 <input type="button" id="send">