gatewayworker前端页面与socket服务器端进行数据通讯（二）

本文主要是介绍gatewayworker前端页面与socket服务器端进行数据通讯（二），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

接上。

前端页面：

前端页面在数据通讯的过程中，有3个作用：
第一，是整理出要发送的JSON数据，为JSON数据指定数据类型type，例子：

  //心跳包数据，onmessage初始化数据：var message_data = '{"type":"message_data_init","mbid":"'+mbid+'","bjid":"'+bjid+'","unit_price":"'+unit_price+'"}';//插入在线列表		
var list_insert = '{"type":"list_insert","mbid":"'+mbid+'","bjid":"'+bjid+'","nickname":"'+nickname+'"}';	
//实时更新在线列表
var list_update = '{"type":"list_update","mbid":"'+mbid+'","bjid":"'+bjid+'"}';

然后用send()发给gatewayworker服务端，例如：

ws.send(list_insert);//客户端主动发送插入聊天室在线列表数据给gatewayworker
ws.send(list_update);//客户端主动发送更新聊天室在线列表数据给gatewayworker

第二，前端接收gatewayworker服务器端发送过来的各种类型的数据，服务端发送过来的数据，自动触发前端的onmessage函数，在前端onmessage函数内部，必须要用过switch…case的形式，对服务器端发送过来的数据进行分型处理，不同类型的数据，分配到不同的case中，进行不同的处理操作。

// 服务端主动推送消息时会触发这里的onmessage
ws.onmessage = function(e){// json数据转换成js对象var message = eval("("+e.data+")");switch(message.type){// Events.php中返回的init类型的消息，将client_id发给后台进行uid绑定case 'init'