將程序輸出為其他的語言是程序員喜愛的事情之一，在WEB上我們有
兩個不同編程環(huán)境：客戶端（瀏覽器）和服務(wù)器端，根據(jù)HTTP協(xié)議的定義，
我們可以在編寫在客戶端輸出其他語言的服務(wù)端程序，我們選擇了作為服
務(wù)端語言、javascript作為客戶端輸出。在本問中我們將向您演示這樣用
該方案把數(shù)據(jù)存儲在客戶端，并且在諸如：聊天室、新聞系統(tǒng)或其他您想
實現(xiàn)的應(yīng)用上達到服務(wù)端和客戶端（瀏覽器）的最小的數(shù)據(jù)傳輸。

要求以下支持：
    PHP4
    JavaScript
    Frames

主要思想：
     
    我們一直試圖用PHP開發(fā)一個基于HTTP協(xié)議的聊天室(HTTP CHAT ROOM)，
盡管對聊天來說HTTP協(xié)議并不是個好協(xié)議，但是它可以不受防火墻或代理影響，
PHP完全可以實現(xiàn)該功能而不必使用JAVA APPLETS，對于聊天室主要有兩個問題：
第一、由于IE 不支持SERVER PUSH 技術(shù)，所以我們只有用CLIENT PULL技術(shù)（既
客戶端自動刷新），第二個問題就更深一層了：因為該思想是在客戶端刷新，所以服
務(wù)端每次必須傳送所有的消息，這意味著大量的數(shù)據(jù)傳輸，這也正是聊天室延遲的主
要原因，本文試圖解決該問題：
   使用框架技術(shù)（frames) 你能夠刷新指定頁面，而不必重新裝載別的頁面，這可
以減少服務(wù)/客戶端（C/S）數(shù)據(jù)傳輸量。我們的模型就是基于該方案。
    "master"文件：定義框架結(jié)構(gòu)
    "loader"頁面：導(dǎo)入數(shù)據(jù)
    "display"頁面：顯示數(shù)據(jù)
    在該方案，"loder"框每"x"秒自動刷新一次——我們的思想是把數(shù)據(jù)存儲在"master"
文件內(nèi)，這樣"loder"頁面只要向服務(wù)端請求客戶端所沒有的數(shù)據(jù)就可以了我們使用時間戳標(timestamp)
記每個消息來決定那些消息必須傳給客戶端那些不必傳輸。我們使用PHP4。0的會話管理（session)
存儲客戶端的最后更新的時間戳（last timestamp)以使時間戳對服務(wù)端和客戶端均可見。當"loader"文件
從"master"文件收到數(shù)據(jù)（注意："master"文件很大，但是它只傳送一次)時，就刷新顯示頁（"diaplay")
而"display"頁只是簡單的調(diào)用"master"文件的名為"displaymsgs()"的javascript 函數(shù)顯示消息。該函數(shù)動態(tài)顯示
存儲在"master"文件的數(shù)據(jù)，以下是大體流程圖：
    1。瀏覽器請求"master"頁（框架),"master"頁從服務(wù)器端傳送到客戶端（瀏覽器），然后"master"
    文件生成框架，并且將"loader"和"display"頁調(diào)到客戶端。
    2。在服務(wù)端，"loader" 文件將分析：如果客戶端沒定義"timestamp" session 變量，"loder"文件將
    從服務(wù)端得到所有數(shù)據(jù)，并生成javascript代碼將數(shù)據(jù)存入"master"文件，然后將"timestamp"變量存為
    session 變量。
    3。"loder"頁面生成javascript 代碼刷新 "display"頁面。
    4。刷新請求使得"display"頁面調(diào)用"diaplaymsgs()"javascript 函數(shù)顯示數(shù)據(jù)
    5。每隔"x" 秒回到步驟2

我們可以該思想如下：
    ========================================================
    "master"文件：非常大，定義了displaymsgs() 函數(shù)和存儲數(shù)據(jù)和初始值。
    "loader"文件：小，從服務(wù)端取回數(shù)據(jù)，生成javascript 代碼
    "display"文件：非常小，調(diào)用"master"文件的"diaplaymsgs()"函數(shù)
    =========================================================
    注：“master"文件只傳送一次
        "loder" 和 "display" 文件每隔"x"秒刷新一次
        第一次傳送的時候"loder"可能會很大，但以后就會很小
        "diaplay"文件一直不變

如果您對以上的思路還是不太清楚的話，以下我們將建立一個聊天室具體講解該方法，這個聊天室只是為了簡單的演示
所以可能并不是很有用，但是您完全可以使用該思想建立更復(fù)雜的聊天室，記住這個思想并不是只用與聊天室 。:)

    首先請您使用mysql數(shù)據(jù)庫表單：
        ============================
        create table testeable (
              timestamp datetime,
              message    text
        );
        ============================
    "master"文件如下：
        ================================================
        <script>
            lines=new Array();
            function displaymsgs() {     
              for(i=0;i<lines.length;i++) {
                 display.document.write(lines[i]);
                 display.document.write('<BR>');
                  }
            }
        </script>
        <frameset cols="1" rows="20,60,20" border="0">
        <frame name="loader" src="loader.php">
        <frame name="display" src="display.php">
        <frame name="form" src="form.php">
        </frameset>
        ==================================================
        注："form"文件是發(fā)言框，提供用戶輸入發(fā)言框。

        "display"文件內(nèi)容：
        =====================
        <script>
        top.displaymsgs();
        </script>
        ====================
        "display"文件是不是很小？ :)
         
        "loader"文件：
        ====================
        <?php  

        session_start(); // 在這使用 Sessions !  

        if(!isset($timestamp)) {  
            //如果"timestamp"沒有定義，則定義并設(shè)為0  
            $timestamp=0;      
        }  

        $dab=mysql_connect("localhost","user","password");  // 打開數(shù)據(jù)庫
        mysql_select_db("testbase",$dab);  

        // 查找客戶端所沒有的信息  
        $query="select * from testeable where timestamp>'$timestamp'";  
        $result=mysql_query($query,$dab);  
        $msgs=array();  

        // 在這個循環(huán)，我們存儲最新消息/數(shù)據(jù)，并設(shè)置"timestamp"為當前最大值
         
        while($res=mysql_fetch_array($result)) {  
            $msgs[]=$res["message"];  
            if($res["timestamp"]>$timestamp) {  
                $timestamp=$res["timestamp"];  
            }  
        }  
        session_register("timestamp"); // 注冊"timestamp"變量

        echo '<script>';  

        // 在這個循環(huán)我們生成javascript代碼
        // 把最新從服務(wù)端得到的數(shù)據(jù)存儲到"master"頁面里（注意：使用"top"指向最頂窗口（master)
         
        for($i=0;$i<$count($msgs);$i++) {  
            ?>  
            top.lines[top.lines.length]="<?php print("$msgs[$i]"); ?>";  
            <?php  
        }   

        //現(xiàn)在我們將生成"javascript"代碼 ，使 "display"頁刷新

        ?>  
        top.display.location.reload();  
        </script>  

        <!-- 注意是用 javascript 的"setInterval()" 方法使得"loader"頁面每隔4秒刷新一次  -->  
        <body onLoad="window.setInterval('location.reload()',4000);">  
        </body>  
        =======================================
         
        "form"頁面：
        ====================
        <?php  

        session_start();  

        if (!isset($timestamp)) {  
              $timestamp=0;  
        }  

        // 顯示表單，產(chǎn)生"timestamp"變量.  
        if (isset($msg)) {  
                $dab=mysql_connect("localhost","root","seldon");  
                mysql_select_db("testbase",$dab);  
               $query="insert into testeable(timestamp,message) values(now(),'$msg')";  
               mysql_query($query,$dab);  
               // 得到timestamp 后的所有消息
                $query="select * from testeable where timestamp>'$tt'";  
               $result=mysql_query($query,$dab);  
               $msgs=array();$i=0;$timestamp=0;  
                while($res=mysql_fetch_array($result)) {  
                    $msgs[]=$res["message"];  
                    if($res["timestamp"]>$timestamp) {  
                            $tt=$res["timestamp"];  
                    }  
                }  
                session_register("timestamp");  
                 
            ?>  
              <script>  
              <?php  
                 for($i=0;$i<$count($msgs);$i++) {  
            ?>  
                top.lines[top.lines.length]="<?print("$msgs[$i]");?>";  
            <?php  
             }  
              ?>  
            top.display.location.reload(); //刷新"display"頁
              </script>  
        <?php  
    }  
    ?>  
    <form name="foo" action="<?php print("$PHP_SELF"); ?>" method="post">  
    Message:<input type="text" name="msg">  
    <input type="submit" name="newmsg" value="send">  
    </form>  
    =====================================================
    注：我們使得在"form"頁提交發(fā)言時，馬上刷新"display"頁面，這可以達到對發(fā)言人來說馬上發(fā)言馬上
    顯示，更體現(xiàn)實時性。
     
   正如您所看到的，這個聊天室很簡單，這就是最小化客戶/服務(wù)（C/S)數(shù)據(jù)傳輸技能，使用這個技術(shù)您可以達到最
   小的數(shù)據(jù)傳輸，再次提醒您：該技術(shù)并不是這用于聊天室！
=======================================================
以上在win98+apache1.3+php4.03平臺測試通過！
如有建議或疑問請和飛揚社區(qū)聯(lián)系（http://feiyschool.51.net)
或者發(fā)EMAIL到feiyhy@sina.com
請您多多賜教，謝謝！
===============================        
英文原作者：Luis Argerich, Alejandro Mitrou  
英文原文所在網(wǎng)址：http://www.phpbuilder.com  

【本文版權(quán)歸作者與奧索網(wǎng)共同擁有，如需轉(zhuǎn)載，請注明作者及出處】