WebSocket 后端持续推送数据到前端

  • Post author:
  • Post category:其他




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 版权协议,转载请附上原文出处链接和本声明。