webSocket onmessage事件

ws.onmessage = function(evt){
var em = $("#message em");
if(evt.data != 0){
em.css("display","block");
em.text(evt.data);
} else {
em.css("display","none");
}
}
在jsp页面上获取到了数据,也进行了符合条件的操作,但是需要页面重新加载才能显示为新的样式。
请问各位大神,有没有办法像ajax一样不用刷新就可以直接显示出来?

0

3个回答

通过websocket获得数据,判断数据是否为0,为0就让他显示在em这个控件上并为其设置css 属性 display:block,否则的话就设置
css 属性 display:none,大概是这个意思吧!jsp应该不具有这种数据动态绑定的功能,建议使用angularjs,这种问题就不是问题了,
只要属性改变就自动更新

0
baidu_26611019
蚂蚁冲锋队 回复Rover丿cxy: 相当于属性设置成功了,但是界面没有响应,找找jsp动态显示方面的东西看看
2 年多之前 回复
q995245021
Rover丿cxy 嗯 jsp上面属性更新了 但是页面不刷新 就不会显示为新样式 ajax就是不刷新可以显示新样式 websocket好像也可以做不刷新的消息提醒 就是不知道怎么做
2 年多之前 回复

刷新页面js设置的值会丢失还原为原始状态。。。你的新样式是什么东东,显示em那个对象?你确认进入if(evt.data != 0){分支没有先

0
q995245021
Rover丿cxy 就是数据为0就隐藏,不为0就显示。问题为样式改了,但页面不刷新就不会为新样式
2 年多之前 回复

不为0就让他显示在em这个控件上并为其设置css 属性 display:block

0
q995245021
Rover丿cxy 是的 可以设置,要刷新页面才会为新的样式 不知道有没有即时的写法
2 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
WebSocket四种事件详解 入门篇(二)
    示例代码  在文章最下方,可以根据示例代码和讲解来理解整个WebSocket流程。代码用SpringBoot 和 maven搭建   服务端和客户端四种事件 1、打开事件     此事件发生在端点上建立新连接时并且在任何其他时间发生之前。     方法级注解:@OnOpen                         使用注解的的方法是没有任何返回值的公有方法,这些方法...
Websocket详细讲解(基础篇二)
在上一篇文章当中介绍了一下websocket是什么和产生原因以及和http协议的区别,我们今天来讨论一下websocket中的客户端和服务端程序。1.websocket中的API我们看一下就websocket JavaScript定义的接口:[Constructor(in DOMString url, optional in DOMString protocol)] interface WebSoc
WebSocket原理及技术简介
WebSocket原理及技术简介 目录 1    引言    1 2    WebSocket技术及协议    2 2.1    WebSocket API    2 2.1.1    示例    3 2.2    WebSocket协议    4 2.2.1    握手阶段    4 2.2.2    数据通信    5 2.2.3    连接关闭
IT学习笔记(一)(持续更新)--Java并发/WebSocket
一、java并发 1、多线程执行代码即CPU通过给每个线程分配CPU时间片来实现这个机制;时间片是CPU分配给各个线程的时间,因为时间片非常短,所以CPU通过不停地切换线程执行,时间片一般是几十毫秒。 2、任务从保存到再加载的过程是一次上下文切换,上下文切换会影响多线程的执行速度。 3、并发执行的开销主要是线程的创建和上下文切换。减少上下文切换的方法有:无锁并发编程、CAS算法、使用最少线程...
WebSocket刨根问底(二)
上篇文章【WebSocket刨根问底(一)】中我们对WebSocket的一些基本理论进行了介绍,但是并没有过多的涉及到一些实战的内容,今天我希望能够用几个简单的案例来向小伙伴们展示下WebSocket的一些具体用法。 WebSocket API有哪些 首先有一点小伙伴们需要明确,那就是WebSocket并不总是用在浏览器和服务器的通信中,只要任意两个使用框架编写,支持WebSocket的应
WebSocket基础知识
WebSocket的生命周期Java Websocket API中的WebSocket生命周期WebSocket端点的四个生命周期事件 + 打开事件:此事件发生在端点上建立新连接时并且在任何其他事件发生之前 + 消息事件:此事件接收WebSocket对话中另一端发送的消息。它可以发生在WebSocket端点接收了打开了事件之后并且在接收关闭事件关闭连接之前的任意时刻。 + 错误事件:此事件在W
websocket 利用json 传递多个参数
目前情况是页面加载完后要从后台获取多个信息,而信息是动态的,这要求我们前端也要动态的显示,查了很多资料,利用websocket终于解决了.其实主要注意一点,websocket的参数是以二进制来传递的,在编写代码时注意编码与解码,就行了. JS代码: $(document).ready(function () { if (window.s) { win
简单的WebSocket例子
首先用Springboot搭建一个web项目~~~ index.html页面<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="display" style="width: 500px;height: 500px;"
java websocket简单实例绝对可用
坑爹的网友,一个个的网上websocket例子都不写web.xml的配置,MD~这不是给别人挖坑吗?既然写例子就要完整啊!!! 项目环境:jdk7+tomcat7    (导入catalina.jar和websocket-api.jar) 效果图如下: 后台打印: 项目结构: MyWebSocket.java package com.chen.websocket;
HTML5中的websocket图片直播
HTML5中的websocket实现直播 1、 videojs-contrib-hls 直播功能 github:https://github.com/videojs/videojs-contrib-hls &amp;lt;script src=&quot;https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls....
第18章 使用WebSocket和 STOMP实现消息功能
概述: 浏览器和服务器之间发送消息在SpringMVC控制器中处理消息为目标用户发送消息 为了解决应用为web应用之间的通信 Spring4.0 为 WebSocket通信提供了支持 包括: 发送和接收消息的低层级API;发送和接收消息的高级API;用来发送消息的模板;支持SockJS,用来解决浏览器端、服务器以及代理不支持WebSocket的问题。 1、使用
java 实现websocket的两种方式
简单说明 1.两种方式,一种使用tomcat的websocket实现,一种使用spring的websocket 2.tomcat的方式需要tomcat 7.x,JEE7的支持。 3.spring与websocket整合需要spring 4.x,并且使用了socketjs,对不支持websocket的浏览器可以模拟websocket使用   方式一:tomcat 使用这种方式无需别的任何...
websocket(二)消息发送后回调
基于 websocket使用 需求 例:发送登录请求后及时获取返回值,然后根据返回值处理接下来的事件,类似http请求,不过需求是要用websocket做到这一点。 思考 我们在websocket 介绍上能够充分认知到websocket的所有回调函数都是异步执行的,也就是说我发送send(msg)之后我要读取信息是在onmessage()里面读取,这显然不符合我们的要求。 解决 dispatch....
vue如何在websocket方法内获取data里的数据和method里的函数
在实践中,会发现在websocket的onmessage方法内处理数据时,从websocket得到的数据无法在其他函数内调用,其他变量和函数也无法在websocket里使用,这是因为数据的作用域不同使得无法访问。 我们可以进行如下修改 func() { ws.send('2') ws.onmessage = function (evt) ...
Python 3.5.2实现websocket服务端(三): sendMessage函数实现
# 调用socket的send方法发送str信息给web端 def sendMessage(msg): global connectionlist send_msg = b&quot;&quot; #使用bytes格式,避免后面拼接的时候出现异常 send_msg += b&quot;\x81&quot; back_str = [] back_str.a...
websocket在xhtml+web+android+okHttp中运用实现信息发出去返回来
首先建立一个xhtml文件,然后代码为:&amp;lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&amp;gt; &amp;lt;!-- Licensed to the Apache Software Foundation (ASF) under one or more contributor license agreements. See the NOTICE file dis...
websocket(一)封装使用
介绍 WebSocket用于在Web浏览器和服务器之间进行任意的双向数据传输的一种技术。WebSocket协议基于TCP协议实现,包含初始的握手过程,以及后续的多次数据帧双向传输过程。其目的是在WebSocket应用和WebSocket服务器进行频繁双向通信时,可以使服务器避免打开多个HTTP连接进行工作来节约资源,提高了工作效率和资源利用率。 API介绍 构造函数WebSocket(url, ...
Web后台推技术之WebSocket初探
WebSocket初识 一:认识websocket websocket是html中一种新的协议,它实现了真正的长连接,实现了浏览器与服务器的全双工通信(指在通信的任意时刻,线路上存在A到B和B到A的双向信号传输)。 现在我们接触的协议大多是htttp协议,在浏览器中通过http协议实现了单向的通信,浏览器发出请求,服务器在响应,一次客户端与服务器的请求就结束了,服务器不能主动响应客户端,主动往
websocket-sharp.dll
C# 调用websocket 工具类 启动方法: private void startServer() { if (_webSocket != null) { _webSocket.Close(); } _webSocket = new WebSocket(ParamClass.WebsocketUrl ); _webSocket.OnOpen += onOpen; _webSocket.OnMessage += onMessage; _webSocket.OnError += onError; _webSocket.Connect(); }
WebSocket注入Bean后报null,操作不了数据库的解决方法
关于WebSocket注入Bean后报null,操作不了数据库的问题我有个需求是微信小程序要通过WebSocket获取数据传到后端,进而操作数据库,给MyWebSocket处理类加了@Controller注解,通过@Resource注解注入Service,结果访问时报null,网上搜了很多,花了很长时才搞定,写此博文,即搜即用,经过整理,现附上解决方法(我用的Springboot框架): 新建Spr
spring boot 使用WebSocket与前端进行byte字节数组交互
一、装逼前先热热身 无论是比较传统的 web项目 还是近几年流行的前后端分离,后端只独立提供数据交互接口服务的项目,都避免不了数据之间交互格式的选择。 从很早之前的 xml 格式 到现在最火热的json格式 我们可以发现数据格式都是越来越 “短小精悍” 。当然我们可能在某些特定的业务场合,比如对延时要求特别高的场景 H5多人对战类型游戏 实时的数据信息交互场景 语音聊天、以及难度更高的...
Java for Web学习笔记(四七):WebSocket(4)Java Client和二进制消息
小例子说明 不是所有的Client都是前端页面,服务器也可能发起一个WebSocket连接,向其他服务器请求某项服务。小例子模拟两个WebSocket客户端,向server建立连接,当server收到消息时,向所有的连接的client分发该消息,当某个client连接或者关闭连接时,向其他client发布状态变化消息。 为了方便测试,client和server都在同一个web app中,要求c
Websocket在Android平台的消息推送上的应用
文章目录写在前面Websocket ServerWebSocket Client源码下载 写在前面 之前接触过一个小项目,其中有个功能是服务端将文件推送到客户端,那时候,是通过客户端的轮询去询问是否由文件推送,如果有,则进行文件下载。其实,这种做法不可取,可以用Websocket来实现一个简单的消息推送系统,用于替代轮询。 Websocket Server 在这个 server demo中,使用的...
web教程:Socket与消息推送
B/S结构的软件项目中有时客户端需要实时的获得服务器消息,但默认HTTP协议只支持请求响应模式,这样做可以简化Web服务器,减少服务器的负担,加快响应速度,因为服务器不需要与客户端长时间建立一个通信链接,但不容易直接完成实时的消息推送功能,如聊天室、后台信息提示、实时更新数据等功能,但通过polling、Long polling、长连接、Flash Socket以及HTML5中定义的WebSock
WebSocket获取service层对象,操作数据库
WebSocket获取service层对象,操作数据库,WebSocke在websocket中操作数据库,需要加载已经配置好的spring中的配置文件,获取service层对象。在搭建好websocket条件下以下几种方法可实现 第一种,通过ContextLoader获取
websocket(带session传输数据)
maven导入一个包即可             javax.websocket             javax.websocket-api             1.0 注意:tomcat版本最好是8.0,原来用的7.0版本建立不了链接 简单的发送消息的页面
使用workerman中父进程与子进程OnMessage之间如何互相调用参数的问题
//作为服务器端接收UI发送来的外呼参数 $httpserver = new Worker(‘websocket://0.0.0.0:1000’); httpserver−&amp;gt;onMessage=function(httpserver−&amp;gt;onMessage=function(httpserver-&gt;onMessage = function(conhttp,msg)use(msg)us...
redis对过期事件的处理
redis支持版本:在redis 2.8版本以后对redis 中Key过期时间进行订阅和发布 应用场景:比如有效期为一个月的优惠券、限制支付时间为24小时之内等等。在Redis中,给Key设定过期(Expire)时间来可以实现这类时效性需求,并通过发布/订阅(Pub/Sub)机制来接收Key过期失效的消息以做后续处理,结合Redis的HA – Sentinel,可以保障此类业务的不间断性
关于从websocket中获得数据并落地
最新的需求是从wifi探针中获得返回的数据,对方是把数据通过websocket传送过来websocket的数据一般情况下是通过javascript直接显示在了页面上,而我的希望是能够落到本地或其他地方,总之不要显示到页面上。我找到了一些网上的资料,有个java-websocket的jar,貌似可以,但是最后发现也是通过onMessage的方法,通过javascript的函数接受并显示到页面。后来经...
java WebSocketClient 做本地数据接收处理服务程序
Client是基本类WebSocketClientTest是主方法入口maven 地址,可能还需要其他的包等会截图&amp;lt;dependency&amp;gt;&amp;lt;groupId&amp;gt;org.java-websocket&amp;lt;/groupId&amp;gt;&amp;lt;artifactId&amp;gt;Java-WebSocket&amp;lt;/artifactId&amp;gt;&amp;lt;version&amp;gt;1.3.0&amp;lt;/...
用WebSocket接收服务器数据并控制W…
用WebSocket接收服务器数据并控制WebGL渲染的模型时发生Uncaught TypeError: Uncaught TypeError: Cannot read property 'rotation' of undefined问题 TypeError: Cannot re" TITLE="用WebSocket接收服务器数据并控制WebGL渲染的模型时发生Uncaught TypeErro
socket基础知识及js中的Web Sockets
socket基本概念两个进程如果需要进行通讯最基本的前提是能够唯一的标示一个进程,在本地通讯中用PID来唯一标示一个进程,但PID只在本地唯一,网络中的两个进程PID冲突几率很大。我们知道IP层的ip地址可以唯一标示主机,而TCP层协议和端口号可以唯一标示主机的一个进程,这样我们可以利用ip地址+协议+端口号唯一标示网络中的一个进程。能够唯一标示网络中的进程后,他们就可以利用socket进行通信了。
websocket踩坑记录
websocket 的带参数,点对点,群发的解决方案
SpringMVC使用SseEmitter向网页输出消息onmessage接收失败
错误:前端无法获取到SseEmitter发送的消息。 前端错误信息:Net::ERR_INCOMPLETE_CHUNKED_ENCODING 后端错误信息:Async support must be enabled on a servlet and for all filters involved in async 解决方法: 因为要使用SpringMVC的异步,需要使用servlet3....
webSocket+定时任务实时通知前台变化
后台发生变化时,可以通过实事件触发或者是定时任务,此处用的是定时任务 1、WebSocketConfig配置类: /** * @program: wealth_management * @description: WebSocketConfig配置类 * @author: SGQ * @create: 2019/04/23 */ @Configuration public class W...
websocket---前端的实现(一)
1.使用websocket可以方便的实现服务器端主动的向客户端推送消息,而不用在使用轮询和定时器的方式获取数据 2.websocket协议特点: 1)建立在TCP协议之上 2)与HTTP协议有着很好的兼容性,默认端口也是80和443,并且握手阶段采用HTTP协议,因此握手时不容易屏蔽,能通过各种HTTP代理服务器 3)数据格式比较轻量,性能开销小,通信高效 4)可以发送文本,也可以发送二
webSocket通用对象封装,心跳检测+断线重连
webSocket通用对象封装 项目中很多用到webSocket与硬件对接,为此封装通用工具 1.websocket四大基础事件 2.扩展心跳检测与断线重连功能 3.核心对象封装,生成与销毁不需要客户端控制 function sesWebSocket(wsurl) { this.connectURL = wsurl || ""; t
Android 关于使用WebSorcot保持长连接,接收发送消息,实现IM聊天功能,断线重连
我们在Android项目中要实现IM功能,可能大家第一想法就是利用第三方框架,比如环信,融云,等等,但是这类第三方,毕竟还是有很多缺点的,比如限制免费试用的规模,还有就是一个信息的保密,安全问题,服务器都在别人手上,人在屋檐下不得不低头啊。 那么有没有其它简单的方法来实现Im聊天和推送功能呢?当然有 比如我们的MQTT,它是基于XMPP协议,也是一个轻量化的架构,关于MQTT的集成我之前已经在相关...
Java使用WebSocket(注解实现)
  我这里的实现方法用的是javax.websocket包下提供的API,也就是j2EE原生的方法。 Java代码如下: import java.io.IOException; import java.util.HashMap; import java.util.Map; import java.util.concurrent.CopyOnWriteArraySet; import jav...
Unity中Websocket的简单使用
首先我们需要一个websocket服务器,之前的博文中有做Tomcat架设简单Websocket服务器用的时候打开就行了,先不管它 Unity中新建场景建UI(UGUI)有一个连接按钮Button一个信息输入框InputField一个发送按钮Button一个断开按钮Button一个消息显示框Text 场景中建一个GameObject,在上面加个脚本,就叫WSMgr好了用到了BestHTTP这个插件...