当前位置: 移动技术网 > IT编程>网页制作>Html5 > HTML5实战与剖析之使用HTML5 WebSocket API

HTML5实战与剖析之使用HTML5 WebSocket API

2018年09月12日  | 移动技术网IT编程  | 我要评论

最新卫星参数,魔芋花,伊多姑的安娜

  通过引入一个简洁的接口(见下面的清单),开发者可以替代技术,如长轮询和“永远帧,因此进一步降低延迟。


  后台代码


[constructor(in domstring url, optional in domstring protocol)]
[构造函数(domstring url,可选domstring协议)]
interface websocket { 
	//readonly attribute domstring url;
	//只读的属性domstring url;
	// ready state
	const unsigned short connecting = 0;
	const unsigned short open = 1;
	const unsigned short closed = 2;
	readonly attribute unsigned short readystate;
	readonly attribute unsigned long bufferedamount;  
	// networking
	attribute function onopen;
	attribute function onmessage;
	attribute function onclose;
	boolean send(in domstring data); 
	void close();
};
websocket implements eventtarget;  websocket实现eventtarget;

  利用websocket接口不能简单。连接到一个端点,就创建一个新的websocket实例,为新对象提供一个url,代表你想要连接的端点,如以下示例所示。请注意,ws:/ /和wss:/ /前缀表明websocket和安全提出了websocket连接,分别。


  javascript代码


var mywebsocket = new websocket("ws://www.websockets.org");

  建立websocket连接从http协议升级到websockets协议在初始客户端和服务器之间的握手。连接本身是通过“onmessage”和“发送”功能定义的websocket接口。

  连接到一个端点发送消息之前,您可以将一系列事件监听器来处理连接的生命周期的每个阶段,如以下示例所示。


  javascript代码


mywebsocket.onopen = function(evt) { alert("connection open ..."); }; 
mywebsocket.onmessage = function(evt) { alert( "received message: " + evt.data); }; 
mywebsocket.onclose = function(evt) { alert("connection closed."); };


  向服务器发送一条消息,只需调用“发送”,并提供您希望提供的内容。发送消息后,称之为“接近”终止连接,如以下示例所示。正如你所看到的,真的无法更加容易。


  javascript代码


mywebsocket.send("hello websockets!"); 
mywebsocket.close();



如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
移动技术网