使用jQuery $ .Ajax为两台计算机实时刷新聊天

时间:2014-06-20 11:34:03

标签: javascript php jquery ajax chat

我找到了一个使用$ .ajax jQuery进行真实聊天的脚本,但它仅仅依赖我的按摩。例如: 我写信给你:您好,此消息为我刷新。 您写信给我:嘿,要查看您的消息我必须通过单击F5刷新站点,但您不必单击F5。有点不对劲!

我的$ .ajax代码:

$(document).ready(function() {
$("#lupnijto").click(function (e) {
    $("#lupnijto").hide();
    $("#LoadingImage").show();

    var zeszyt_value = 'zeszyt='+ $("#contentText").val(); //build a post data structure

    jQuery.ajax ({
        type: "POST",
        url: "response.php",
        dataType: "text",
        data: zeszyt_value,
        cache: false,
        success: function(response) {
            $("#responds").prepend(response);
            $("#contentText").val('');
            $('#contentText').focus();

            $("#lupnijto").show();
            $("#LoadingImage").hide();
        },
        error:function (xhr, ajaxOptions, thrownError) {
            $("#lupnijto").show();
            $("#LoadingImage").hide();
            alert(thrownError);
        }
    });
});
 });

我做错了什么?为什么数据只为我刷新?聊天怎么样?我做得对吗?我接受答案。感谢。

2 个答案:

答案 0 :(得分:4)

对于此类实时应用程序,您需要使用WebSockets:On MDN ,您还可以检查Node.js的某些WebSockets API Socketio 我建议那些,但你也可以使用AJAX(不推荐)。

答案 1 :(得分:0)

您可以使用Socket.IO。对于非WebSockets浏览器,您可以使用Engine.IO