qq_50158691
2021-04-13 16:17
采纳率: 50%
浏览 191

js连接mqtt.js

init() {
					var options = {
						username: '',
						password: '',
					}
					var client = mqtt.connect("wss://183.160.236.137:8080/mqtt", options)
					//建立连接
					client.on('connect', function () {
						console.log("connect success!")
						//订阅主题 presence
						client.subscribe('/football/match.v1', function (err) {
							if (!err) {
								console.log('订阅成功')
								//发布主题presence,消息内容为Hello mqtt
								client.publish("sports/football/match.v1", '{"username":"start using mqtt"}')
							} else {
								//打印错误
								console.log(err)
							}
						})
					})

					//
					client.on('reconnect', function (error) {
						console.log('正在重连:', error)
					});
					//如果连接错误,打印错误
					client.on('error', function (err) {
						console.log(err)
						client.end()
					})
					//如果client订阅主题成功,那么这里就是当接收到自己订阅主题的处理逻辑
					client.on('message', function (topic, message) {
						var message = JSON.parse(message)
						this.List = message
						console.log(this.List,99)
					})
				},

想问一下

我在最后获取到的实时数据List如何实时更新渲染到页面上

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • 已采纳

    你前端是什么框架呢?获取到数据直接绑定table或div等标签里面就可以了。

     

    点赞 打赏 评论
  • 有问必答小助手 2021-04-13 18:57

    您好,我是有问必答小助手,你的问题已经有小伙伴为您解答了问题,您看下是否解决了您的问题,可以追评进行沟通哦~

    如果有您比较满意的答案 / 帮您提供解决思路的答案,可以点击【采纳】按钮,给回答的小伙伴一些鼓励哦~~

    ps:问答VIP仅需29元,即可享受5次/月 有问必答服务,了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

    点赞 打赏 评论
  • 有问必答小助手 2021-04-15 15:37

    非常感谢您使用有问必答服务,为了后续更快速的帮您解决问题,现诚邀您参与有问必答体验反馈。您的建议将会运用到我们的产品优化中,希望能得到您的支持与协助!

    速戳参与调研>>>https://t.csdnimg.cn/Kf0y

    点赞 打赏 评论

相关推荐 更多相似问题