webSocket

WebSocket 客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据

//前端页面
        var connect=new WebSocket("ws://localhost:3000")//参数是要访问的服务器地址 使用的协议是ws协议

        connect.onopen=function(){
            console.log("开启连接,连接成功");
        }
        connect.onmessage=function(data){
            console.log("接受到服务器的数据",data);
        }
        connect.onerror=function(){
            console.log("连接的错误")
        }
        connect.onclose=function(){
            console.log("断开连接");
        }
        // 可以使用 connect.send()向服务器发送数据 这个数据可以是基本数据类型也可以是json
        var obj = {
            msg: "要发送的信息"
        }
         connect.send(JSON.stringify(obj))
//后端页面 以nodejs为例
        npm install nodejs-websocket --save

        var ws=require("nodejs-websocket");
        ws.createServe(function(connection){
         // 当前端发起连接时会触发

        // 监听接收到的前端发过来的信息 msg 就是前端发送过来的数据
            connection.on("text",function(msg){
                console.log("要发送给前端的信息")
            })

            connection.on("close",function(){
                console.log("断开连接")
            })
        }).listen({
            port:"3000",
            host:"localhost"
        },function(){
            console.log("服务启动中...")
        })
 
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值