阅读 49

WebSocket的基本使用

websocket 一般用于前端和后端的双向通信,前端需要主动向后端发送消息,或者是后端需要实时的频繁的向前端发送消息。

var websocket = new WebSocket("ws://echo.websocket.org/");
// 引入websocket
websocket.onopen = function(){
    console.log('websocket open');
    document.getElementById("recv").innerHTML = "Connected";
}
// 结束websocket
websocket.onclose = function(){
    console.log('websocket close');
}
// 接受到信息
websocket.onmessage = function(e){
    console.log(e.data);
    document.getElementById("recv").innerHTML = e.data;
}
// 点击发送webscoket
document.getElementById("sendBtn").onclick = function(){
    var txt = document.getElementById("sendTxt").value;
    websocket.send(txt);
}
复制代码
文章分类
前端
文章标签