博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

jQuery--简易聊天室(chat)。

Posted on 2009-04-19 14:53  linFen  阅读(1164)  评论(0编辑  收藏  举报

 


 程序代码
function update()

    $.post("server.jsp", {}, function(data){
        $("#screen").val(data);
        textareaHeight();
    }); 
    setTimeout('update()', 1000);
}
$(document).ready(function(){
    update();
    $("#button").click(function(){            
         $.post("server.jsp", {
                             message: $("#message").val(),
                             username: $("#username").val()
                     },function(data){   
                         $("#screen").val(data);
                         $("#message").val("");
                         textareaHeight();
         });
    });
   
    //回车自动提交内容
    $(document).keypress(function(e){
        if(e.keyCode == 13){
            $("#button").trigger("click");
        }
    })

});


后台采用JSP , 数据库mysql。
代码下载:
http://www.cssrain.cn/demo/jQueryChat.rar
本篇文章来源于 cssrain.cn 原文链接:http://www.cssrain.cn/article.asp?id=997
本篇文章来源于 cssrain.cn 原文链接:http://www.cssrain.cn/article.asp?id=997
本篇文章来源于 cssrain.cn 原文链接:http://www.cssrain.cn/article.asp?id=997
本篇文章来源于 cssrain.cn 原文链接:http://www.cssrain.cn/article.asp?id=997