web前端推送，webSocket连接代码,Java代码库,德仔网

代码语言

代码分类

【Java】 web前端推送，webSocket连接

作者:技术小白 / 发布于2014/11/7/ 729

防止重复登陆，定单及时提醒，在线聊天等，性能比ajax轮循高多了。


	初始话WebSocket
	function initWebSocket() {
	 if (window.WebSocket) {
	 websocket = new WebSocket(encodeURI('ws://www.xxxxxx.com/push/PushMessageServlet?key=FDASFDSAKLGFSJLKFGDKSJFDAJKK'));
	 websocket.onopen = function() {
	 $("#mainId").prepend('<audio id="chatAudio"><source src="/admin/ui/audio/newmessage.mp3" type="audio/mpeg"><source src="/admin/ui/audio/newmessage.wav" type="audio/wav">');
	 //连接成功
	 msgAlert('已连接');
	 };
	 websocket.onerror = function() {
	 //连接失败
	 msgAlert('连接发生错误');
	 };
	 websocket.onclose = function() {
	 //连接断开
	 msgAlert( '&nbsp;&nbsp;(已经断开连接)');
	 };
	 //消息接收
	 websocket.onmessage = function(message) {
	 var message = JSON.parse(message.data);
	 //接收用户发送的消息
	 if (message.type == 'message') {
	 $.messager.show({
	 showType:'fade',
	 msg:"提示"+message.user,
	 showSpeed:100,
	 title:'提示'
	 });
	 } else if (message.type == 'get_online_user') {
	 $.messager.show({
	 showType:'fade',
	 msg:"在线用户"+message.user,
	 showSpeed:100,
	 title:'提示'
	 });
	 } else if (message.type == 'user_join') {
	 $.messager.show({
	 showType:'fade',
	 msg:"登陆："+message.user,
	 showSpeed:100,
	 title:'提示'
	 });
	 } else if (message.type == 'user_leave') {
	 $.messager.show({
	 showType:'fade',
	 msg:"用户离开"+message.user,
	 showSpeed:100,
	 title:'提示'
	 });
	 }else if (message.type == 'new-login') {
	 $.messager.alert('Warning',"该用户名已以其它地方登陆，请重新登陆");
	 location.href="/admin/index.html";
	 }else if (message.type == 'newOrder') {
	 $('#chatAudio')[0].play();
	 $.messager.show({
	 showType:'fade',
	 msg:message.tradeDate+"时分下了新订单 :总额为："+message.totalMoney+" 订单号为："+message.tradeNo+" 收货人："+message.receiver+" 地址："+message.address+" 电话："+message.tel,
	 showSpeed:1000,
	 timeout:0,
	 title:'新订单提示'
	 });
	 }
	 };
	 }else{
	 //$.messager.alert('提示',"该浏览器不支持下单提醒。<br/>建议使用高版本的浏览器，<br/>如 IE10、火狐 、谷歌 、搜狗等");
	 }
	};

试试其它关键字

　前端推送　　 webSocket　

同语言下

可能有用的

技术小白贡献的其它代码(3)