PHP&JavaScript控制系列：客户端数据存储(一)

所有程序员都喜欢做的一件事就是编写一个可以生成程序的程序。在web 上，我们面临两种不同的开发环境：客户端（浏览器）和服务端。根据HTTP协议的定义，就可以在服务端编写一个程序，这个程序输出一个使用了另一种可以在客户端执行的语言的程序。让我们选择PHP（当然的了）编写服务端程序，选择Javascript来编写客户端程序。在这篇文章中，要向你演示如何通过这种组合在客户端存储数据并且使得服务器与浏览器之间的数据交换达到最少，以用在一些交互的应用中，如聊天室、新闻系统或你想得到的什么东西。
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0

China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
要素：
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0

China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
PHP4
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
Javascript
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
Frames
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0

China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
想法：
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
　　我们将暂时试着开发一个用PHP 编写的HTTP聊天室程序。对于聊天来说，HTTP不是一个很好的协议，但是它对防火墙和代理服务器有免疫力，我们可以允分发挥PHP的潜力，并且不需要Java Applet。对于聊天室程序有两个主要的问题：第一个就是，IE不支持“推”的方法，这样就需要把它做成一个全“拉”的应用程序（指客户端自动刷新），这一点对于一个聊天程序不是很自然。我们打算让客户端的刷新时间是可调的，服务器将根据前x 分钟内一个位于服务器的用于接收消息数据的函数结果生成刷新时间。第二个问题要难解决一些：因为采用自动刷新的方法，这样每一次服务器都需要将所有的信息发给客户端，我们估计会造成大量的传输。并且我们所做的一个模拟简单的聊天室模型的样板程序也显示这就是造成聊天延时的主要原因。本文处理了第二个问题和更深的问题。
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0

China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
普通模型：
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
　　通过使用帧，可以刷新一个特定的帧而不需要重新装入其它帧，这个对于最少化c/s 传输很有用。我们的模型基于下面的设计：
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0

China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0

China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
主文件，用来定义帧结构。
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
装入帧文件。
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
显示帧文件。
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
　　在我们的设计中，装入帧每“x” 秒自动刷新，想法是将数据保存在主文件中，允许装入帧文件向服务器请求客户端还未收到的数据。我们使用时间戳来标记消息，新闻或可传输的东西，并且通过它可以知道哪一个需要传给客户端，哪一个不需要。我们使用PHP4的session 功能将“最后的时间戳”保存在客户端以便在服务器它也是可见的。当装入帧文件接收到数据时，数据被保存在主文件里（注意，主文件可能很大，但是它只传输一次），然后让显示帧文件刷新。为了进一步优化，我们让显示帧文件尽可能的短，在这帧里，只是调用一个“display”的Javascript 函数，这个函数明显被保存在主文件中，这个函数使用保存在主文件中的数据来动态绘制显示帧。让我们看一下这个方法：
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0

China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
浏览器请求主文件（帧结构）
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
主文件从服务器被传输过来，它定义了帧结构，然后其它的帧（装入帧和显示帧）被传输。
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
装入帧文件在服务器被分析，如果客户端没有“timestamp”session 变量，它就将所有的数据从服务
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
器上取回，并且生成Javascript代码将数据存在主文件中。然后设置“timestamp”session变量。
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
然后装入帧文件生成Javascript代码使客户端刷新显示帧文件。
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
这个刷新引起显示帧文件调用“display”函数，这个函数根据数据生成显示帧。
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
每“x”秒我们回到(2)
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
我们对这个方法的分析如下：
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0

China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
我们要三个文件：
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0

China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
主文件 (很大，包含显示代码和保存的变量和初始值)
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
装入帧文件 (小，包含php代码，用于从服务器取回数据和生成Javascript代码)
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
显示帧文件 (非常小，只有一个对主文件中的显示函数的调用)
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0

China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0

China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
主文件只被传输一次。
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
装入帧文件和显示帧文件每“x”秒被传输一次。
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
装入帧文件可能在第一次被调时大一些，然后因为每次只取回客户端未取过的数据，它就变得很短了。
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
显示帧文件也是一样。
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
由于显示结果是在客户端被处理的，我们就减少了服务器数据的装入。
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0

China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
糊涂了吗？还是让我们看一看例子吧：
China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0

China It Power . ComgtBG5ZgPrsFUbyGrYDN7AMFt0
　　在这个例子里，我们建了一个聊天室，它还不能真正使用，只是用来演示如何实现我们的模型，请不要提出“为什么不在聊天室里加上这个或加上那个功能”之类的要求。如果发现这个模型有用，你可以利用它建立一个满足你的要求的足够复杂的聊天室来，同时请记住，它不只是能够用来建聊天室。
php爱好者站 http://www.phpfans.net 为phper提供一切资讯.