webstocket 聊天
/**
* 初始化socket
**/
function initSocket(index_host){//端口号
if( !window.WebSocket ){
console.log("浏览器不支持websocket");
return false;
}
webSocket = new WebSocket("ws://"+index_host+"/hsms/socket/server/"+window.localStorage.userName+"/"+window.localStorage.userID); /**
* 联通
**/
webSocket.onopen = function(event){
console.log(event);
};
/**
* 接收后端消息
**/
webSocket.onmessage = function(msg){
var thisdata=JSON.parse(msg.data);
var isMsg=thisdata.code;//code 1单人聊天 2群组聊天 3是隐患派单
if(isMsg==1||isMsg==2){//消息的通知
var thismsgdata=JSON.parse(thisdata.data)//聊天内容
var index_userID=window.localStorage.getItem("userID");
//获取当前窗口的消息内容 如果当前打开的窗口即使聊天的对象就获取消息
if(parseInt(thismsgdata.fromId)==parseInt(index_userID)&&$('#Qcontent_index').css('display')!='none'){
isMsg=isMsg==1?'single':'msg_group';
getPeopleChatHis(thismsgdata.fromId, isMsg);//获取历史聊天记录
$("#golbal_QtalkOmsg").scrollTop($("#golbal_QtalkOmsg")[0].scrollHeight)//设置滚动条位置
}else{
$('#index_correction_title').text("消息通知");
$('#index_correction_content').append("<div class='index_correction_content user_"+thismsgdata.fromId+"'><span class='index_corrections_child' title="+thismsgdata.content+">"+thismsgdata.fromName+':'+thismsgdata.content+"<a href='javascript:void(0)' class='' onclick='index_Qtalkshow(\""+thismsgdata.fromName+"\",\""+thismsgdata.fromId+"\",\""+thisdata.code+"\")'>回复</a></span></div>")
$('#index_correction').show();//显示提示框
}
$("#index_correction_content").scrollTop($("#index_newcorrection").height())
}
else{//隐患的通知
$('#index_correction_title').text('隐患通知');
$('#index_newcorrection').append("<label>"+thisdata.data+"有隐患<a href='javascript:void(0)' onclick='correction_idnexgo()'>需派发整改单</a></label>")
$("#index_newcorrection").scrollTop($("#index_newcorrection").height())
$('#index_correction').show();//显示提示框
} };
};
webstocket 聊天的更多相关文章
- Socket聊天程序——Common
写在前面: 上一篇记录了Socket聊天程序的客户端设计,为了记录的完整性,这里还是将Socket聊天的最后一个模块--Common模块记录一下.Common的设计如下: 功能说明: Common模块 ...
- Socket聊天程序——客户端
写在前面: 上周末抽点时间把自己写的一个简单Socket聊天程序的初始设计和服务端细化设计记录了一下,周二终于等来毕业前考的软考证书,然后接下来就是在加班的日子度过了,今天正好周五,打算把客户端的详细 ...
- Socket聊天程序——服务端
写在前面: 昨天在博客记录自己抽空写的一个Socket聊天程序的初始设计,那是这个程序的整体设计,为了完整性,今天把服务端的设计细化记录一下,首页贴出Socket聊天程序的服务端大体设计图,如下图: ...
- Socket聊天程序——初始设计
写在前面: 可能是临近期末了,各种课程设计接踵而来,最近在csdn上看到2个一样问答(问题A,问题B),那就是编写一个基于socket的聊天程序,正好最近刚用socket做了一些事,出于兴趣,自己抽了 ...
- SignalR快速入门 ~ 仿QQ即时聊天,消息推送,单聊,群聊,多群公聊(基础=》提升)
SignalR快速入门 ~ 仿QQ即时聊天,消息推送,单聊,群聊,多群公聊(基础=>提升,5个Demo贯彻全篇,感兴趣的玩才是真的学) 官方demo:http://www.asp.net/si ...
- 利用Node.js的Net模块实现一个命令行多人聊天室
1.net模块基本API 要使用Node.js的net模块实现一个命令行聊天室,就必须先了解NET模块的API使用.NET模块API分为两大类:Server和Socket类.工厂方法. Server类 ...
- 搭建QQ聊天通信的程序:(1)基于 networkcomms.net 创建一个WPF聊天客户端服务器应用程序 (1)
搭建QQ聊天通信的程序:(1)基于 networkcomms.net 创建一个WPF聊天客户端服务器应用程序 原文地址(英文):http://www.networkcomms.net/creating ...
- Android—简单的仿QQ聊天界面
最近仿照QQ聊天做了一个类似界面,先看下界面组成(画面不太美凑合凑合呗,,,,):
- php+websocket搭建简易聊天室实践
1.前言 公司游戏里面有个简单的聊天室,了解了之后才知道是node+websocket做的,想想php也来做个简单的聊天室.于是搜集各种资料看文档.找实例自己也写了个简单的聊天室. http连接分为短 ...
随机推荐
- 20165205 2017-2018-2 《Java程序设计》第九周学习总结
20165205 2017-2018-2 <Java程序设计>第九周学习总结 教材学习内容总结 掌握URL类的使用方法 URL类的构造方法: public URL(String spec) ...
- replace 使用正则
python replace正则怎么用 20 下面是我的代码:s="今天是2015年10月1日国庆节,明天是2015年10月2日"s=s.replace(r'[0-9]*', '0 ...
- 关于HTTP_USER_AGENT
其实HTTP_USER_AGENT的内容获取的很详细 可以获取手机的型号 这个是我的手机用UC浏览器 访问获取的代码 Mozilla/5.0 (Linux; U; Android 7.1.1; zh- ...
- 22.Windows及linux下gerapy使用
Windows安装 gerapy1.pip install gerapy2.gerapy init 3.cd gerapy(切换目录到gerapy文件夹)4.gerapy migrate5.gerap ...
- php用户名密码
http://112.124.47.59:8090/activity/index/free?mobile=15652701923&tcode=f9380859085200714&s=7 ...
- Flex学习笔记-Vgropu Hgroup 定义的组 表单程序。
<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="ht ...
- PHP下进行XML操作(创建、读取)
PHP下可以使用DOMDocument类对XML或者HTML文件进行读写操作 更为简单的方法使用simpleXML类操作XML DOM节点分为 元素节点 属性节点 值节点 注释节点 根节点(docum ...
- ubuntu简单安装apache
环境: ubuntu 目标: 1.安装web服务器apache 2.打开浏览器,访问自己的web服务器,看到 Hello,World! 开始动手了! 安装sudo apt-get install ap ...
- 浅谈 volatile 的实现原理
在并发编程中我们一般都会遇到这三个基本概念:原子性.可见性.有序性.我们稍微看下volatile 原子性 原子性:即一个操作或者多个操作 要么全部执行并且执行的过程不会被任何因素打断,要么就都不执行. ...
- 我的母校zbvc试做
一.观察分析页面布局 可以从上至下分为6大部分 logo栏 menu菜单栏 slide幻灯片 news新闻区域 other其他 bottom底部 二.logo 分为三部分 ①左侧logo ②中间log ...