在这篇教程里,我们将了解这一过程,用EventSource对象处理接收的数据并将其写入页面。我们将在客户端使用HTML5和JavaScript,而在服务器端则使用PHP。
在现有模式下,如Ajax,网页中的代码会持续询问服务器是否要提供新数据,而客户端则负责要对这一信息发出请求。有了服务器发送的请求,你就可以把数据导出服务器,这样就可以从那儿推出更新,而不需要客户端代码不停对其发出请求。一旦页面发出服务器发送事件,服务器脚本就会持续发送更新。你的JavaScript代码会在接收到新数据的时候将其写入页面。
创建一个HTML5页面
用下列代码创建你的HTML5页面:
[html]
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
[/html]
添加一个要素显示服务器发送的数据
我们要在一个专用页面要素里显示从服务器接收到的数据...