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连接分为短 ...
随机推荐
- JVM总结-虚拟机加载类
从 class 文件到内存中的类,按先后顺序需要经过加载.链接以及初始化三大步骤.其中,链接过程中同样需要验证:而内存中的类没有经过初始化,同样不能使用.那么,是否所有的 Java 类都需要经过这几步 ...
- TessorFlow学习 之 序言
2017.10.23日记录: 感觉平时自己学的还不错的,可是面试的时候才发现自己是个渣渣~~,真的感觉学习不能闭门造车! 面试了图像处理算法工程师-->> 1.精通哪门语言?C.C++.P ...
- [Unity工具]查找GameObject在场景中所有被引用的地方
参考链接: https://blog.csdn.net/hjzyzr/article/details/53316919?utm_source=blogxgwz4 https://blog.csdn.n ...
- javax.validation.UnexpectedTypeException: HV000030: No validator could be found for constraint 'javax.validation.constraints.Size' validating type 'java.util.Date'.
开始是 javax.validation.UnexpectedTypeException: No validator could be found for type: java.lang.Intege ...
- <转载> MySQL 性能优化的最佳20多条经验分享 http://www.jb51.net/article/24392.htm
当我们去设计数据库表结构,对操作数据库时(尤其是查表时的SQL语句),我们都需要注意数据操作的性能.这里,我们不会讲过多的SQL语句的优化,而只是针对MySQL这一Web应用最多的数据库.希望下面的这 ...
- 使用Flex4画图形:圆、矩形、线
<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="ht ...
- 看到的一个关于C++能力分级的描述
精通没有标准,但学习有路径. 我来说说 学习掌握C++的路径吧,从低到高,分0-10级: 0级:掌握常见C++语法和语言构造,能够顺溜地写清楚各种语言构造(很多小白鼠死在这里)1级:掌握基本的编程范式 ...
- idea 添加 VUE 的语法支持和开发
<一>VUE的开发分两种,一种是直接在HTML文件中使用,一种是VUE文件的形式开发 1,首先我们先让 HTML 文件支持 VUE 的语法指令提示 2,File -> Setting ...
- oracle登陆认证方式
转自:http://blog.itpub.net/14359/viewspace-683064/ 案例: 1,发现此时操作系统认证不成功: C:\Users\Administrator.WIN-201 ...
- springboot 多环境选择
1.配置开发环境(开发环境) 2. application.yml 环境选择 3.cmd 切换环境 4. 设置环境调用方法 5. 另一方法