ArcGIS JavaScript API实时数据接入展示探索(二)WebScoket

WebSocket是什么我就不在这里复制粘贴了。

WebSocket能够允许服务器和浏览器之间进行通信,与一般通信不同,WebSocket允许服务器在浏览器未发送请求的情况下,主动向浏览器发送数据。

var socket;
   var host="ws://127.0.0.1:9000/";
	    socket = new WebSocket(host);
            try {
                socket.onopen = function (msg) {
                    $("btnConnect").disabled = true;
                    alert("连接成功!");
                };
                socket.onmessage = function (msg) {
				if(receive==true)
				{
				   var lizfpos=msg.data.split(",")
				   lizfx=parseFloat(lizfpos[0]);
				   lizfy=parseFloat(lizfpos[1]);
				   lizfz=parseFloat(lizfpos[2]);
				}	   
                };
                socket.onclose = function (msg) { alert("socket closed!") };
            }
            catch (ex) {
                log(ex);
            }
});

定义socket变量,指明监听的服务器的IP以及端口。在上例中,我监听本机的9000端口。

socket.onopen事件注册的函数在连接建立时执行。

socket.onmessage事件注册的函数在收到数据包后执行。

socket.onclose事件注册的函数在连接关闭时执行。

上例中,服务器端发送的报文数据类似于:“106.89,34,12,5000”

浏览器收到报文后,按“,”进行分割,并存储至lizfx,lizfy,lizfz变量中待用。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值