javascript websocket接口
web实现客户端和服务端双向发送消息的方法有:

  1. 轮询,客户端定期向服务端请求;
  2. 长轮询,客户端定期向服务端请求,服务端只有有信息发送的时候才返回response,
  3. websocket,只有chrome,firefox等支持html5的浏览器才能使用

1.建立websocket连接

var socket = new WebSocket('ws://localhost:8080');

2.监听连接成功

socket.onopen = function(event) { }

3.监听收到信息

socket.onmessage = function(event) { data = JSON.parse(evt.data)  //获取传来的数据
}; 

4.监听连接的关闭

socket.onclose = function(event) { }; 

5.发送消息

socket.send(data)

6.关闭连接

socket.close() 

一般都连接成功的监听事件中,设置收到信息的监听事件

转载于:https://www.cnblogs.com/Xjng/p/4902487.html

Javascript的websocket的使用方法相关推荐

  1. 区分JavaScript中slice与splice方法

    区分JavaScript中slice与splice方法 slice()方法是从已有的数组中返回通过索引选定的元素. 语法:array.slice(startIndex,endIndex) 参数star ...

  2. 5种JavaScript中常用的排序方法

    5种JavaScript中常用的排序方法 01.冒泡排序 通过相邻数据元素的交换,逐步将待排序序列变为有序序列,如果前面的数据大于后面的数据,就将两值进行交换,将数据进行从小到大的排序,这样对数组的第 ...

  3. JavaScript 访问对象属性和方法及区别

    这篇文章主要介绍了浅析JavaScript访问对象属性和方法及区别的相关资料,仅供参考 属性是一个变量,用来表示一个对象的特征,如颜色.大小.重量等:方法是一个函数,用来表示对象的操作,如奔跑.呼吸. ...

  4. javascript:jquery.history.js使用方法

    javascript:jquery.history.js使用方法 step1:download jquery.history.js step2:create a test page as follow ...

  5. java js获取css方法_5种JavaScript和CSS交互的方法

    原标题:5种JavaScript和CSS交互的方法 随着浏览器不断的升级改进,CSS和Java之间的界限越来越模糊.本来它们是负责着完全不同的功能,但最终,它们都属于网页前端技术,它们需要相互密切的合 ...

  6. c语言int超出范围字符串,Go返回int64类型字段超出javascript Number范围的解决方法...

    Go返回int64类型字段超出javascript Number范围的解决方法 最近在项目中,一个go服务给前端提供了一个接口,返回json格式数据,其中Int64字段会超出javascript Nu ...

  7. JavaScript读写.txt文档 - 方法篇

    JavaScript读写.txt文档:分析与方法 详情参考完整教程: Javascript本地写入txt和读取txt文件示例 案例篇:求HTML或者JS读取TXT文件内容的代码 以上就是关于 &quo ...

  8. js 单精度浮点数转10进制_确保前端 JavaScript 浮点数精度的四则运算方法

    1 浮点数运算与 IEEE 754 标准 在 JavaScript 中,执行 0.1+0.2,得到的结果却是 0.30000000000000004.这就不得不提到 IEEE 754 标准. IEEE ...

  9. php中this的使用技巧,JavaScript中this关键字使用方法详解

    JavaScript中this关键字使用方法详解 在面向对象编程语言中,对于this关键字我们是非常熟悉的.比如C++.C#和Java等都提供了这个关键字,虽然在开始学习的时候觉得比较难,但只要理解了 ...

最新文章

  1. 读取字符串字符时出错_JVM | 运行时常量池和字符串常量池及intern()
  2. 惊了!Chrome浏览器竟然自带的一款恐龙游戏【免下载】
  3. 用PHP写一个最简单的解释器Part1
  4. 可以编辑vga格式文件的软件-PowerCreator Media Studio
  5. 您一直在寻找5+个简单的一线工具来提升Python可视化效果
  6. PHP 7 的五大新特性
  7. DBA+北京社群第三次线下沙龙归来
  8. 推荐算法(一)电影推荐系统
  9. 图嵌入方法基础学习之Node2vec
  10. 小米手机全黑屏9008救砖
  11. 麦克风阵列语音增强(二)
  12. 在线教育学习平台网校系统v2020 html5响应式在线教育培训类企业使用+安装说明
  13. Keycloak授权服务指南
  14. π型滤波器 计算_T型π型滤波器计算软件
  15. 小程序 --获取微信头像昵称
  16. 洛谷P1339 Heat Wave G(最短路,图论)
  17. 阿里P9又有新瓜...
  18. 显示某个区域2,蒙板
  19. Java Portlet 规范概述
  20. 《元宇宙》的真实面貌,看了之后就感觉应该是这样的!!

热门文章

  1. opengl渲染4k数据提高效率
  2. 获取时间CLOCK_MONOTONIC学习——顺记第一次与开源项目交互
  3. 【Flink】Flink Exceeded checkpoint tolerable failure threshold
  4. 【ElasticSearch】使用 _validate API 在不执行查询的情况下验证查询
  5. 【Elasticsearch】Elasticsearch性能调优
  6. 【Spring】Spring Eureka Client 注册报 registration status: 204
  7. 【hortonworks/registry】NoClassDefFoundError: org/apache/zookeeper/Watcher
  8. 【MySQL】MySQL 中的函数
  9. [Elasticsearch] es 6.6 编译报错 SSL peer shut down incorrectly
  10. Tshark的使用问题