当前位置: 萬仟网 > IT编程>开发语言>Jquery > webscoket的使用(前后端如何交互)

webscoket的使用(前后端如何交互)

2020年08月11日  | 萬仟网IT编程  | 我要评论
webscoket的使用可以使用ws完成实时通讯前端要写的内容 // WebScoket参数是要连接的服务的地址 使用ws协议 例如 ws://localhost:3000 var connect = new WebScoket('ws://localhost:3000') connect.onopen = function() { console.log('开启ws连接 - 连接成功') } connect.onmessage = func

webscoket的使用

可以使用ws完成实时通讯

前端要写的内容

 // WebScoket参数是要连接的服务的地址 使用ws协议 例如 ws://localhost:3000 var connect = new WebScoket('ws://localhost:3000') connect.onopen = function() { console.log('开启ws连接  - 连接成功') } connect.onmessage = function(data) { console.log('服务器传递过来的数据', data) } connect.onerror = function(code, reason) { console.log('监听连接发生的错误') } connect.onclose = function() { console.log('关闭连接') } // 可以使用 connect.send()向服务器发送数据 这个数据可以是基本数据类型也可以是json var obj = { msg: "要发送的信息" } connect.send(JSON.stringify(obj)) 

后端的写法 以nodejs为例

  • 引入nodejs-websocket
  • 执行 安装命令 npm install nodejs-websocket --save

代码

 var ws = require('nodejs-websocket') ws.createServer(function(connect) { // 当前端发起连接时会触发 // 监听接收到的前端发过来的信息 // msg 就是前端发送过来的数据 connect.on('text', function(msg) { connect.sendText('要发送给前端的信息') }) connect.on('close', function() { console.log('连接关闭了') }) }).listen({ port: 3000, host: "localhost" }, function() { console.log("serve is running") }) 

本文地址:https://blog.csdn.net/wjw0125/article/details/107917738

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
Copyright © 2017-2020  萬仟网 保留所有权利. 粤ICP备17035492号