聊天应用程序在客户端弹出一个窗口

时间:2012-12-20 06:34:58

标签: java ajax jquery cometd

我制作了一个简单的聊天应用。它使用数据库,这是无效的,因为客户端每隔几秒查询一次数据库。无论如何,我实现了我所需要的,有很好的方法,如民意调查和共通,我将在以后实施。请花点时间阅读这个,我有几个问题。 1)考虑两个用户100和101,当100发送一个msg到101时,我将id保存为DB中的100_101 2)当101将msg发送回100时,它在DB中保存为101_100。 3)我能够按顺序获取消息。

问题 -

1)用户应该保持特定的窗口打开。

我希望在有新消息时打开弹出窗口。如何实现这一点。

2)当用户(100)正在键入用户(101)时,如果仅打开100个具有100的聊天窗口,则应该看到文本为“100正在键入”。这不应该包含任何数据库内容。

我做过的工作。当用户(100)开始向服务器输入时,我可以将数据发送到服务器。如何发送数据,即如何将数据推送给用户(101)。

我的代码在下面。

AJAX

$.ajax( {
                    type : "POST",
                    data : "uName=" + uName +"&opName=" + opName + "&msg=" + msg + "&colorCode="
                            + colorCode,
                    url : "<%= path %>/chat/SaveChat",
                    error : function(xhr, ajaxOptions, thrownError) {
                        alert(xhr.status);
                        alert(thrownError);
                    },
                    success : function(data) {
                                      //      alert(data);
                        $("#chat-area").html(data);
                                            document.getElementById('chat-area').scrollTop = document.getElementById('chat-area').scrollHeight;
                                            }
                });

的Servlet

try {
                    String newline = System.getProperty("line.separator");
                        String uName = req.getParameter("uName");
                        String opName= req.getParameter("opName");
                        String msg = req.getParameter("msg");
                        String colorCode = req.getParameter("colorCode");
                        DateFormat dateFormat = new SimpleDateFormat("yyyy/MM/dd HH:mm:ss");
                        Date date = new Date();
                        String dat =dateFormat.format(date);

                        PreparedStatement ps = db.conn.prepareStatement("INSERT INTO chatmessage"
                                + "(message,username,msgtime,colorselected) "
                                + " VALUES(?,?,?,?)");
                        ps.setString(1,msg);
                        ps.setString(2,uName+"_"+opName);
                        ps.setString(3,dat);
                        ps.setString(4,colorCode);
            ps.executeUpdate();
            ps.close();

                        ps = db.conn.prepareStatement("select * from chatmessage where username=? or username=? order by id asc");
                        ps.setString(1,uName+"_"+opName);
                        ps.setString(2,opName+"_"+uName);
                        ResultSet rs=ps.executeQuery();
                        String temp[];
                        StringBuilder sb = new StringBuilder();
                        while(rs.next())
                        {
                            temp=rs.getString("username").split("_");
                           /* out.println(newline);
                            out.print(temp[0]+":");
                            out.print(rs.getString("message"));
                            out.println(newline);*/

                            sb.append("<span style='background:#"
                    + rs.getString("colorselected") + "'>" + temp[0]
                    + "</span>" + rs.getString("message") + "<br/><br/>");
                        }
            db.conn.close();    
                        out.print(replaceEmoticons(sb.toString()));
            //out.print("success");
        }
        catch(Exception ce){
            out.println("<font size='30' color='red'>Error Code 004</font>");
        //  RequestDispatcher rd = req.getRequestDispatcher("../status/error.jsp");
        //  rd.forward(req, res);
        }finally{
                    try{
                        db.conn.close();
                    }catch(Exception e){}
                }

感谢任何简单有效的想法。

0 个答案:

没有答案