/**
* 初始化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 聊天的更多相关文章

  1. Socket聊天程序——Common

    写在前面: 上一篇记录了Socket聊天程序的客户端设计,为了记录的完整性,这里还是将Socket聊天的最后一个模块--Common模块记录一下.Common的设计如下: 功能说明: Common模块 ...

  2. Socket聊天程序——客户端

    写在前面: 上周末抽点时间把自己写的一个简单Socket聊天程序的初始设计和服务端细化设计记录了一下,周二终于等来毕业前考的软考证书,然后接下来就是在加班的日子度过了,今天正好周五,打算把客户端的详细 ...

  3. Socket聊天程序——服务端

    写在前面: 昨天在博客记录自己抽空写的一个Socket聊天程序的初始设计,那是这个程序的整体设计,为了完整性,今天把服务端的设计细化记录一下,首页贴出Socket聊天程序的服务端大体设计图,如下图: ...

  4. Socket聊天程序——初始设计

    写在前面: 可能是临近期末了,各种课程设计接踵而来,最近在csdn上看到2个一样问答(问题A,问题B),那就是编写一个基于socket的聊天程序,正好最近刚用socket做了一些事,出于兴趣,自己抽了 ...

  5. SignalR快速入门 ~ 仿QQ即时聊天,消息推送,单聊,群聊,多群公聊(基础=》提升)

     SignalR快速入门 ~ 仿QQ即时聊天,消息推送,单聊,群聊,多群公聊(基础=>提升,5个Demo贯彻全篇,感兴趣的玩才是真的学) 官方demo:http://www.asp.net/si ...

  6. 利用Node.js的Net模块实现一个命令行多人聊天室

    1.net模块基本API 要使用Node.js的net模块实现一个命令行聊天室,就必须先了解NET模块的API使用.NET模块API分为两大类:Server和Socket类.工厂方法. Server类 ...

  7. 搭建QQ聊天通信的程序:(1)基于 networkcomms.net 创建一个WPF聊天客户端服务器应用程序 (1)

    搭建QQ聊天通信的程序:(1)基于 networkcomms.net 创建一个WPF聊天客户端服务器应用程序 原文地址(英文):http://www.networkcomms.net/creating ...

  8. Android—简单的仿QQ聊天界面

    最近仿照QQ聊天做了一个类似界面,先看下界面组成(画面不太美凑合凑合呗,,,,):

  9. php+websocket搭建简易聊天室实践

    1.前言 公司游戏里面有个简单的聊天室,了解了之后才知道是node+websocket做的,想想php也来做个简单的聊天室.于是搜集各种资料看文档.找实例自己也写了个简单的聊天室. http连接分为短 ...

随机推荐

  1. 关于basler线阵相机和Mtrox采集卡的安装

    说明: 本系列博文是我自己研究生课题,采用做一步记录一步,在论文答辩结束或者机器设计结束之后才会附上源代码! 以前都是用opencv,直接拿个照片去处理,基本都是软件的使用,这次做课题要用到Matro ...

  2. Java file方法的路径特性

    1.在flle方法里,直接写空白的路径,是会默认获取当前Java编译工作空间的路径. 例子如下: package example_1; import java.io.File; import java ...

  3. Linux配置和管理msyql命令

    配置和管理msyql: 1. 修改mysql最大连接数:cp support-files/my-mediuf,vim my.cnf,增加或修改max_connections=1024 关于my.cnf ...

  4. py库: Selenium (自动化测试)

    http://blog.csdn.net/liujingqiu/article/details/50458553 http://www.cnblogs.com/zhaof/p/6953241.html ...

  5. winform/timer控件/权限设置/三级联动

    一.timer控件 组件--timer timer是一个线程,默认可以跨线程访问对象 属性:Enabled--可用性 Interval--间隔时间 Tick:间隔时间发生事件 二.三级联动 例: pu ...

  6. beeline 连接hive

    HiveServer2是一个能使客户端针对hive执行查询的一种服务,与HiverServer1比较,它能够支持多个客户端的并发请求和授权的:HiveCLI 和 hive –e的方式比较单一,HS2允 ...

  7. dom编程艺术章12

    function addLoadEvent(func){//添加事件函数 var oldonload = window.onload; if(typeof window.onload != 'func ...

  8. 设置SVN服务器

    1 下载svn服务器,参考地址 http://www.cnblogs.com/xiaobaihome/archive/2012/03/20/2407610.html 下载地址: http://subv ...

  9. springMVC源码学习之获取参数名

    1.入口到参数处理调用流程 入口为spring-webmvc-4.3.18.RELEASE.jar中org.springframework.web.servlet.DispatcherServlet. ...

  10. 利用STM32CubeMX之SPI

    现在我们继续使用STM32CubeMX来生成SPI工程.我们的硬件平台还是我们熟悉的STM32F103C8开发板. 设置时钟树中的配置 现在打开SPI的设置 如果想修改管脚的名字可以红色框中进行修改, ...