【开发技巧】-- 实现websocket实现即时消息推送(后端基于SpringBoot实现)

1. 什么是WebSocket?websocket是HTML5中的即时通信解决方案,它使用客户端与服务器端的数据交互变得更加简单。2. 如何使用websocket使用websocket需要在客户端(网页中)编写相关客户端实现,然后还需要一个websocket后端服务实现。2.1 html websocket客户端实现<script> var webSocket=nul...
摘要由CSDN通过智能技术生成

1. 什么是WebSocket?

websocket是HTML5中的即时通信解决方案,它使用客户端与服务器端的数据交互变得更加简单。

2. 如何使用websocket

使用websocket需要在客户端(网页中)编写相关客户端实现,然后还需要一个websocket后端服务实现。

2.1 html websocket客户端实现
<script>
    var webSocket=null;

    //判断当前浏览器是否支持websocket
    if("WebSocket" in window){
    
        webSocket=new WebSocket("ws://localhost:8080/websocket/server");
    }else{
    
        alert("当前浏览器不支持websocket");
    }

    //打开websocket
    webSocket.onopen=function (event) {
    
        console.log("建立连接中....");
    }

    //接收到消息
    webSocket.onmessage=function (event) {
    
        var obj=JSON.parse(event.data);

        console.log(obj)
    }

    //关闭websocket
    webSocket.onclose=function (event) {
    
        console.log("websocket关闭中...");
    }

    //发生错误
    webSocket.onerror=function (event) {
    
        console.log("websocket发生错误");
    }

    //窗口关闭时关闭websocket
    window
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值