AJAX加载聊天动画?

时间:2015-11-12 22:07:31

标签: javascript php jquery ajax chat

当我知道加载邮件时,如何添加slideDown jquery动画?也许我不能用我的方法加载...文件接受用户输入并插入数据库。另一个文件从数据库拉到聊天框和样式。

Javascript代码:

var form = document.querySelector('form[name="chatbox"]');
form.addEventListener("submit", function (event) {
    event.preventDefault();
});

function submitChat() {
    if(chatbox.message.value == '') {
        alert('Error: Missing Fields.');
        return;
    }
    var message = chatbox.message.value;
    var xmlhttp = new XMLHttpRequest();

    xmlhttp.onreadystatechange = function() {
        if(xmlhttp.readyState==4&&xmlhttp.status==100) {
            document.getElementById('chatlog').innerHTML = xmlhttp.responseText;
        }
    }

    xmlhttp.open('GET','chat.php?message='+message, true);
    xmlhttp.send();
    chatbox.reset();
}

$(document).ready(function(e) {
    $.ajaxSetup({cache:false});
    setInterval(function() {$('#chatlog').load('logs.php');}, 200);

});

如果您需要PHP附加,请告诉我..感谢您的帮助! :)

0 个答案:

没有答案