WebSocket 后端持续推送数据到前端
前端代码
前端建立连接后.不主动关闭,或者浏览器关闭请求话.会话会一直持续.等待后端推入消息.接收消息后.处理前端逻辑
注意:建立连接后就不要在重复建立了.因为重复创建后.后端连接的会话id就会变动.相当于后端收到两个客户端会话
<html>
<head>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
<H1>WebSocket后端持续推送测试</H1>
<br/>
<div id="app">
<input type="button" value="开启查询" @click="openWs"></input>
<input type="button" value="关闭查询" @click="closeWs"></input>
<br/>
<br/>
返回结果:
<template v-for="(item,index) in list" >
<p>{
{item}}</p>
</template>
</div>
</body>
<script type="text/javascript">
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!',
ws:null,
list:[]
},
methods:{
openWs: function(){
if(null
版权声明:本文为a249040113原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。