基于AJAX的长轮询（long-polling）方式实现简单的聊天室程序

原理：

可以看:http://yiminghe.javaeye.com/blog/294781

AJAX 的出现使得 JavaScript 可以调用 XMLHttpRequest 对象发出 HTTP 请求，JavaScript 响应处理函数根据服务器返回的信息对 HTML 页面的显示进行更新。使用 AJAX 实现“服务器推”与传统的 AJAX 应用不同之处在于：

1. 服务器端会阻塞请求直到有数据传递或超时才返回。
2. 客户端 JavaScript 响应处理函数会在处理完服务器返回的信息后，再次发出请求，重新建立连接。
3. 当客户端处理接收的数据、重新建立连接时，服务器端可能有新的数据到达；这些信息会被服务器端保存直到客户端重新建立连接，客户端会一次把当前服务器端所有的信息取回。

聊天页面的代码：

定义mm.js，定义发送消息，定义接收消息的JS函数

view plaincopy to clipboardprint?

1. Ext.onReady(function () {
2. getMsg();
3. });
4. function getMsg() {
5. Ext.Ajax.request({url:"getMsg", callback:function (options, success, response) {
6. if (success) {
7. Ext.DomHelper.append(Ext.get("main"), response.responseText, true);
8. }
9. getMsg();
10. }});
11. }
12. function putMsg() {
13. Ext.Ajax.request({url:"putMsg", params:{message:document.getElementByIdx_x_x("message").value}});
14. }

下面是获得message的servlet

view plaincopy to clipboardprint?

1. package hyjc.listener;
2. import java.io.IOException;
3. import java.io.PrintWriter;
4. import javax.servlet.ServletException;
5. import javax.servlet.http.HttpServlet;
6. import javax.servlet.http.HttpServletRequest;
7. import javax.servlet.http.HttpServletResponse;
8. public class GetMsg extends HttpServlet {
9. public void doGet(HttpServletRequest request, HttpServletResponse response)
10. throws ServletException, IOException {
11. response.setContentType("text/html");
12. PrintWriter out = response.getWriter();
13. MessageList m = MessageList.getInstance();
14. boolean end = false;
15. while (!end) {
16. System.out.println("before get");
17. String msg = m.get();
18. System.out.println("after get " + msg);
19. out.write(msg + "
    ");
20. if (m.isEmpty()) {
21. end = true;
22. }
23. }
24. out.close();
25. }
26. public void doPost(HttpServletRequest request, HttpServletResponse response)
27. throws ServletException, IOException {
28. doGet(request, response);
29. }
30. }

下面是添加消息的servlet

view plaincopy to clipboardprint?

1. package hyjc.listener;
2. import java.io.IOException;
3. import java.io.PrintWriter;
4. import javax.servlet.ServletException;
5. import javax.servlet.http.HttpServlet;
6. import javax.servlet.http.HttpServletRequest;
7. import javax.servlet.http.HttpServletResponse;
8. public class PutMsg extends HttpServlet {
9. public void doGet(HttpServletRequest request, HttpServletResponse response)
10. throws ServletException, IOException {
11. response.setContentType("text/html");
12. System.out.println("put message");
13. PrintWriter out = response.getWriter();
14. out.flush();
15. String msg = request.getParameter("message");
16. if (null != msg) {
17. MessageList.getInstance().add(msg);
18. } else {
19. System.out.println("添加消息:" + msg + "成果");
20. }
21. out.close();
22. }
23. public void doPost(HttpServletRequest request, HttpServletResponse response)
24. throws ServletException, IOException {
25. doGet(request, response);
26. }
27. }

下面是存放消息的消息队列，内部用阻塞队列使用

view plaincopy to clipboardprint?

1. package hyjc.listener;
2. import java.util.Iterator;
3. import java.util.concurrent.LinkedBlockingQueue;
4. public class MessageList {
5. private static MessageList list = null;
6. private static Object key = new Object();
7. private MessageList() {
8. this.add("hello");
9. this.add("world");
10. }
11. public static MessageList getInstance() {
12. synchronized (key) {
13. if (list == null) {
14. list = new MessageList();
15. }
16. return list;
17. }
18. }
19. private LinkedBlockingQueue queue = new LinkedBlockingQueue();
20. public boolean isEmpty() {
21. return queue.isEmpty();
22. }
23. public int size() {
24. return queue.size();
25. }
26. public String get() {
27. try {
28. return queue.take();
29. } catch (InterruptedException e) {
30. e.printStackTrace();
31. return null;
32. }
33. }
34. public void clear() {
35. queue.clear();
36. }
37. public void add(String msg) {
38. try {
39. queue.put(msg);
40. } catch (InterruptedException e) {
41. e.printStackTrace();
42. }
43. }
44. public Iterator iterator() {
45. return queue.iterator();
46. }
47. }

下面是演示效果，输入message，点击submit，就会添加到MessageList中，然后会在GetMsg中继续执行，实现长连接