本文介绍了两种使用WebSocket进行连接的方法，并展示了如何在连接建立后发送数据及如何在路由跳转时断开WebSocket连接。
方法一
websocket () {
let ws = new WebSocket('ws://localhost:8080')
ws.onopen = () => {
// Web Socket 已连接上，使用 send() 方法发送数据
ws.send('Holle')
console.log('数据发送中...')
}
ws.onmessage = evt => {
// console.log('数据已接收...')
}
ws.onclose = function () {
// 关闭 websocket
console.log('连接已关闭...')
}
// 路由跳转时结束websocket链接
this.$router.afterEach(function () {
ws.close()
})
}
let ws = new WebSocket('ws://localhost:8080')
ws.onopen = () => {
// Web Socket 已连接上，使用 send() 方法发送数据
ws.send('Holle')
console.log('数据发送中...')
}
ws.onmessage = evt => {
// console.log('数据已接收...')
}
ws.onclose = function () {
// 关闭 websocket
console.log('连接已关闭...')
}
// 路由跳转时结束websocket链接
this.$router.afterEach(function () {
ws.close()
})
}
方法二
websocket () {
let ws = new WebSocket('ws://localhost:8080')
ws.onopen = () => {
// Web Socket 已连接上，使用 send() 方法发送数据
ws.send('Holle')
console.log('数据发送中...')
}
ws.onmessage = evt => {
// console.log('数据已接收...')
}
ws.onclose = function () {
// 关闭 websocket
console.log('连接已关闭...')
}
// 路由跳转时结束websocket链接
this.$router.afterEach(function () {
ws.close()
})
}
let ws = new WebSocket('ws://localhost:8080')
ws.onopen = () => {
// Web Socket 已连接上，使用 send() 方法发送数据
ws.send('Holle')
console.log('数据发送中...')
}
ws.onmessage = evt => {
// console.log('数据已接收...')
}
ws.onclose = function () {
// 关闭 websocket
console.log('连接已关闭...')
}
// 路由跳转时结束websocket链接
this.$router.afterEach(function () {
ws.close()
})
}
扫一扫
2273
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
