Отправьте форму ajax / jquery без обновления - INPUT = #msg, OUTPUT = #messages

Question

У меня в основном есть форма, в которую вы вводите сообщения чата.Похоже на чат рулетку / омегл.Вы видите себя в роли ТЫ, а другого человека - ЧУЖОГО. Мне нужно иметь возможность перезагрузить сообщения без обновления страницы при отправке. Это внизу страницы 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>

Я видел этот вопрос / ответв stackoverflow , но я не уверен, как заставить его работать с этой настройкой.

Answer 1

Вам необходимо создать кнопку отправки. Отредактировано: getmsgs автоматически вызывается . Помимо кнопки, единственное, о чем я могу думать, это файл ajax.php. Это создано?

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