简单描述:
comet是用ajax实现的服务器推送,有两种实现comet的方式,长轮询和流,这里只实现长轮询。
长轮询的过程:页面发起一个服务器请求,然后服务器一直保持连接打开,直到有数据返回。返回数据之后浏览器关闭连接,随即又发起另一个服务器请求。这一过程在页面打开期间一直保持连续不断。
这种方式节省带宽,并且递归请求(有顺序),跟普通轮询无序相比好很多。
testPush.html,内容如下
简单描述:
comet是用ajax实现的服务器推送,有两种实现comet的方式,长轮询和流,这里只实现长轮询。
长轮询的过程:页面发起一个服务器请求,然后服务器一直保持连接打开,直到有数据返回。返回数据之后浏览器关闭连接,随即又发起另一个服务器请求。这一过程在页面打开期间一直保持连续不断。
这种方式节省带宽,并且递归请求(有顺序),跟普通轮询无序相比好很多。
testPush.html,内容如下
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 | < html > < head > < meta http-equiv = "pragma" content = "no-cache" > < meta http-equiv = "cache-control" content = "no-cache" > < meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" /> < script type = "text/javascript" src = "jquery.min.js" ></ script > < script type = "text/javascript" > $(function () { (function longPolling() { alert(Date.parse(new Date())/1000); $.ajax({ url: "testPush1111.php", data: {"timed": Date.parse(new Date())/1000}, dataType: "text", timeout: 5000,//5秒超时,可自定义设置 error: function (XMLHttpRequest, textStatus, errorThrown) { $("#state").append("[state: " + textStatus + ", error: " + errorThrown + " ]< br />"); if (textStatus == "timeout") { // 请求超时 longPolling(); // 递归调用 } else { // 其他错误,如网络错误等 longPolling(); } }, success: function (data, textStatus) { $("#state").append("[state: " + textStatus + ", data: { " + data + "} ]< br />"); if (textStatus == "success") { // 请求成功 longPolling(); } } }); })(); }); </ script > </ head > < body > < div id = "state" ></ div > </ body > </ html > |
testPush.php,内容如下
测试分析
会有几种情况:
1.成功返回,状态码200,然后再次发起长连接
2.超时,取消(canceled)这次长连接,然后再次发起长连接
3.长连接等待中(pending),待服务器响应
testPush.php,内容如下
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | <?php if (! $_GET [ 'timed' ]) exit (); date_default_timezone_set( "PRC" ); set_time_limit(0); //无限请求超时时间 $timed = $_GET [ 'timed' ]; while (true) { sleep(3); // 休眠3秒,模拟处理业务等 $i = rand(0,100); // 产生一个0-100之间的随机数 if ( $i > 20 && $i < 56) { // 如果随机数在20-56之间就视为有效数据,模拟数据发生变化 $responseTime = time(); // 返回数据信息,请求时间、返回数据时间、耗时 echo ( "result: " . $i . ", response time: " . $responseTime . ", request time: " . $timed . ", use time: " . ( $responseTime - $timed )); exit (); } else { // 模拟没有数据变化,将休眠 hold住连接 sleep(13); exit (); } } |
测试分析
会有几种情况:
1.成功返回,状态码200,然后再次发起长连接
2.超时,取消(canceled)这次长连接,然后再次发起长连接
3.长连接等待中(pending),待服务器响应