拋棄AJAX?! "服務器推"之初體驗

以聊天室為例子,說起寫聊天室,大家隨口都能說出個大概:

即每隔一段時間向服務器異步請求更新，用四個字母代替之就是AJAX。

 

其實我們轉念想想，我們使用AJAX的目的就是使頁面能實時地更新，倘若我們的動態頁面能夠實時地更新，我們干嘛還費這些周折？

 

先看一個小試驗：

<?php
while(true){
        echo 'Hello';
        sleep (1000);
}
?>

如果如我們所願，則頁面將每隔一秒都會顯示一個‘hello’

 

看到這，也許知道我們聊天室的消息顯示頁面該怎么寫了，請看偽代碼。

<?php
$currentData = getData();
while (true){
      $differences=getData();
      if ($differences!=$currentData){
                   echo $differences;
                   }
      sleep (10000);
}
?>

可惜光是這樣是不能成功滴，因為我們還沒考慮到php的緩存和緩沖問題。

 

php默認會緩存內容，防止http報文的Header和Data分離。且php會緩沖頁面內容直至程序結束再將頁面輸出。

 

知道原因就好辦了。好在php提供了關閉緩沖和緩存的方法。

直接在前面加上

output_buffering=0
ob_end_flush();
set_time_limit(0);

 

則變為:

<?php
output_buffering=0;
ob_end_flush();

while(true){
        echo 'Hello';
        sleep (1000);
        flush(); //強制使PHP輸出
}
?>

你會發現第一個顯示hello的已經成功了！

我們的消息頁面就變為

<?php
output_buffering=0;
ob_end_flush();

$currentData = getData();
while (true){
      $differences=getData();
      if ($differences!=$currentData){
                   echo $differences;
                   flush();
                   }
      sleep (10000);
}
?>

 

 

但是在項目最終的實現上，客戶端也存在問題：

有些瀏覽器也會在顯示之前，緩存接收到的內容。例如 Netscape 瀏覽器會在接受到換行或 html 標記的開頭之前緩存內容，並且在接受到 </table> 標記之前，不會顯示出整個表格。 

IE甚至只有當接受到的256個字節以后才開始顯示該頁面，所以必須發送一些額外的空格來讓這些瀏覽器顯示頁面內容。

 

至此我們已經用”服務器推“解決了的實時更新的問題。其他框架也與普通思路無異，就不再累述了。

 

有興趣的同學可以着手寫一個了。呵呵。

 

歡迎大家一起交流。