comet反向Ajax模型原理与模型（笔记一）

comet反向Ajax模型原理与模型（笔记一）

 

网页实时聊天有两种方式：

第一种：不断的查询是否有新消息，耗费资源，并非真正的实时

第二种：使用反向Ajax，页面不断开，一有数据就立即发送，真正的实时

 

我们先简单做一个页面不断开的浏览器页面：

 

 1 ob_start();
 2 
 3 <?php
 4 
 5 /* 反向Ajax原理
 6 
 7 * comet 反向ajax
 8 
 9 * 又叫服务器推技术 server push
10 
11 * 在"实时聊天"，"消息推送"中，比较适宜用这种技术
12 
13 * 服务器端：
14 
15 * 1：不要断开连接
16 
17 * 2：有消息时在发送
18 
19 *
20 
21 * 原理：HTTP/1.1 的长度与chunk传输
22 
23 * chunk有切割分块的意思
24 
25 * 就是说-----服务器也不知道到底要传输多少length给浏览器
26 
27 * 只能每次传 1小块chunk
28 
29 * 具体做法：
30 
31 * php用一个死循环，始终运行
32 
33 * 有相关消息时，立即把内容推到浏览器
34 
35 * */
36 
37 ob_clean();
38 
39 set_time_limit(0);        //脚本运行不受限制
40 
41 $i = 0;
42 
43  
44 
45 $conn = mysql_connect('localhost','root','');
46 
47 mysql_query('use test',$conn);
48 
49 mysql_query('set names utf8',$conn);
50 
51  
52 
53 while(1){
54 
55     echo $i++,'<br/>';
56 
57     ob_flush();    //强迫php把内容发给apache
58 
59     flush();    //强迫webserver把内容发给浏览器
60 
61     sleep(1);
62 
63 }
64 
65 ?>

 

 

可以发现页面一直在不断的打印数据，页面没有断开

 

下面我们就用在上面的基础上做一个简单的实时聊天模型：

我们利用数据库作为消息存储端，服务器不断的查询数据库，一旦有新的消息，就立即打印出来（模拟数据发送成功）

 

 1 ob_start();
 2 <?php
 3 /* 反向Ajax原理 
 4  * comet 反向ajax
 5  * 又叫服务器推技术 server push
 6  * 在“实时聊天”，“消息推送”中，比较适宜用这种技术
 7  * 服务器端：
 8  * 1：不要断开连接
 9  * 2：有消息时在发送
10  * 原理：HTTP/1.1 的长度与chunk传输
11  *  chunk有切割分块的意思
12  *  就是说-----服务器也不知道到底要传输多少length给浏览器
13  *  只能每次传 1小块chunk
14  *  具体做法：
15  *  php用一个死循环，始终运行
16  *  有相关消息时，立即把内容推到浏览器
17  * */
18 ob_clean();
19 set_time_limit(0);        //脚本运行不受限制
20 $i = 0;
21 //echo str_repeat(' ',4000),'<br/>';
22 //ob_flush();    //强迫php把内容发给apache
23 //flush();    //强迫webserver把内容发给浏览器
24 //ob_get_clean();    //获取当前缓存区内容，并且
25 
26 $conn = mysql_connect('localhost','root','');
27 mysql_query('use test',$conn);
28 mysql_query('set names utf8',$conn);
29 while(1){
30     
31     $sql = 'select * from msg where name ="LoverXueEr" and isread = 0';
32     $rs = mysql_query($sql,$conn);
33     $msg = mysql_fetch_assoc($rs);
34     if(!empty($msg)){
35         echo "<b>",$msg['name'],"</b> \t",strftime("%d/%m/%Y %H:%M:%S"),"<br/>";
36         echo $msg['content'],'<br/>';
37 
38         $sql = " update msg set isread = 1 where name= '".$msg['name']."' && content= '".$msg['content']."' && num= ".$msg['num'];
39         mysql_query($sql,$conn);
40         ob_flush();
41         flush();
42     }
43     
44     //echo $i++,'<br/>';
45     //ob_flush();    //强迫php把内容发给apache
46     //flush();    //强迫webserver把内容发给浏览器
47     //sleep(1);
48 }
49 /*
50     思路：
51     1:在正常的页面里，如首页，文章等等，嵌套一个iframe
52         这个iframe使用上面的模型
53     2：这个iframe将不断得到服务器推送的消息
54     3：让iframe得到的消息是<script></script>代码
55     4：让iframe中的js影响到父页面的变化（如聊天窗口）
56  */
57 ?>

 

 

先贴上实验结果图：

我们使用

insert into msg(name,isread,content) value('LoverXueEr',0,'hello');

向数据库写入数据来模拟发送

可以发现我们每次insert，浏览器上就立即显示我们发送的数据，达到了真正的实时

 

 

 

明天，我们就开始正式学习反向Ajax的不断开的聊天系统