js连接mqtt.js

Question

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如何实时更新渲染到页面上

Answer 1

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