客户端建立连接

 <script>
        //客户端建立连接
        let socket = io.connect("/");
        socket.on("getData",(data)=>{
            console.log(data);
            document.querySelector(".s").innerHTML = data;
        });

        document.querySelector(".btn").onclick = function(){
           let iptValue = document.querySelector(".ipt").value;
           socket.emit("addData",iptValue);
        }
    </script>

js演示代码

const Koa = require("koa");
const Router = require("koa-router");
const static = require("koa-static");
let app = new Koa();
let router = new Router();
app.use(static(__dirname+"/static"));

router.get("/text",ctx=>{
    ctx.body = "hello";
});

const server = require("http").createServer(app.callback());
const io = require("socket.io")(server);


//socket: 当建立连接后,传入回调函数中的参数
//         它代表当前连接者!!
io.on("connection",(socket)=>{
    console.log("有连接");
    let obj = {
        name:"隔壁老王的快乐生活",
        age:20
    }

    //传递数据
    // setInterval(()=>{
        // socket.emit("getData",obj);
    // },1000);
    
    socket.on("addData",(data)=>{
        console.log(data);

        socket.emit("getData",data);
    });

});

// console.log(__dirname);
// console.count(__filename);
app.use(router.routes());
server.listen(8989);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值