当前位置: 首页 > news >正文

uniapp如何发送websocket请求

方法1:

onLoad() {uni.connectSocket({url: 'ws://127.0.0.1:8000/ws/stat/realTimeStat/',success: (res) => {console.log('connect success', res);}});uni.onSocketOpen(function (res) {console.log('WebSocket连接已打开!');uni.sendSocketMessage({data: JSON.stringify({'username': 'realTimeStat', 'msg': 'stat'}),success: (res) => {console.log('send success', res);}});});uni.onSocketMessage(function (res) {console.log('收到服务器内容:' + res.data);})uni.onSocketError(function (res) {console.log('WebSocket连接打开失败,请检查!');});uni.onSocketClose(function (res) {console.log('WebSocket 已关闭!');});},

方法2

onLoad() {const socketTask = uni.connectSocket({url: 'ws://127.0.0.1:8000/ws/stat/realTimeStat/',success: (res) => {console.log('connect success', res);}});socketTask.onOpen(function (res) {console.log('WebSocket连接已打开!');socketTask.send({data: JSON.stringify({'username': 'realTimeStat', 'msg': 'stat'}),success: (res) => {console.log('send success', res);}});});socketTask.onMessage(function (res) {console.log('收到服务器内容:' + res.data);})socketTask.onError(function (res) {console.log('WebSocket连接打开失败,请检查!');});socketTask.onClose(function (res) {console.log('WebSocket 已关闭!');});},

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Python函数 之 变量
  • 前端导出pdf
  • Science Advances 仿生双模态触觉感知
  • c++ 多边形 xyz 数据 获取 中心点方法,线的中心点取中心值搞定 已解决
  • PMON的解读和开发
  • java通过poi-tl导出word实战详细步骤
  • 视频使用操作说明书-T80005系列视频编码器如何对接海康NVR硬盘录像机,包括T80005系列高清HDMI编码器、4K超高清HDMI编码器
  • git diff,stash,submodule,format-patch
  • 自定义波形图View,LayoutInflater动态加载控件保存为本地图片
  • 上传图片,base64改为文件流,并转给后端
  • QT 图片处理
  • C#的DllImport使用方法
  • STM32智能空气质量监测系统教程
  • VUE与React的生命周期对比
  • 基于物联网的智慧校园建设与发展
  • 收藏网友的 源程序下载网
  • 《微软的软件测试之道》成书始末、出版宣告、补充致谢名单及相关信息
  • 【跃迁之路】【444天】程序员高效学习方法论探索系列(实验阶段201-2018.04.25)...
  • FineReport中如何实现自动滚屏效果
  • Mac 鼠须管 Rime 输入法 安装五笔输入法 教程
  • SpringBoot几种定时任务的实现方式
  • v-if和v-for连用出现的问题
  • Vue 动态创建 component
  • vue-loader 源码解析系列之 selector
  • Vue--数据传输
  • WinRAR存在严重的安全漏洞影响5亿用户
  • 彻底搞懂浏览器Event-loop
  • 技术攻略】php设计模式(一):简介及创建型模式
  • 普通函数和构造函数的区别
  • 手机app有了短信验证码还有没必要有图片验证码?
  • 用element的upload组件实现多图片上传和压缩
  • (NSDate) 时间 (time )比较
  • (Redis使用系列) Springboot 实现Redis消息的订阅与分布 四
  • (Repost) Getting Genode with TrustZone on the i.MX
  • (多级缓存)缓存同步
  • (三)Pytorch快速搭建卷积神经网络模型实现手写数字识别(代码+详细注解)
  • (十一)手动添加用户和文件的特殊权限
  • (转)ABI是什么
  • .desktop 桌面快捷_Linux桌面环境那么多,这几款优秀的任你选
  • .net mvc 获取url中controller和action
  • .NET 设计模式—适配器模式(Adapter Pattern)
  • .net 使用ajax控件后如何调用前端脚本
  • .NET 同步与异步 之 原子操作和自旋锁(Interlocked、SpinLock)(九)
  • .Net 执行Linux下多行shell命令方法
  • .net快速开发框架源码分享
  • .NET序列化 serializable,反序列化
  • @Transactional事务注解内含乾坤?
  • [100天算法】-二叉树剪枝(day 48)
  • [AIGC] HashMap的扩容与缩容:动态调整容量以提高性能
  • [BZOJ]4817: [Sdoi2017]树点涂色
  • [BZOJ1010] [HNOI2008] 玩具装箱toy (斜率优化)
  • [BZOJ5125]小Q的书架(决策单调性+分治DP+树状数组)
  • [C#]winform制作圆形进度条好用的圆环圆形进度条控件和使用方法
  • [C++] new和delete
  • [C++数据结构](22)哈希表与unordered_set,unordered_map实现