html5的websocket

websocket只是一个网络通信协议
相对于http这种非持久的协议，websocket是一个持久化网络通信协议。

websocket与http有交集。
websocket只是借用了http的一部分协议来完成一次握手(http的三次握手，此处只完成一次)。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body></body>
<script>
    var url = "ws://192.168.1.233:8888";
    var ws = new WebSocket(url);

    //ws打开时
    ws.onopen = function(ev) {
        //ws.readyState属性
        //0 还没有打开
        //1 打开
        //2 连接进程关闭
        //3 连接断开

    };
    //ws连接关闭时
    ws.onclose = function () {
        console.log("close");
    };
    //监听服务器推送数据
    ws.onmessage = function (ev) {
        //获取服务器返回的数据
        console.log(ev.data);
    };
    //监听错误信息
    ws.onerror = function (ev) {
        console.log("error");
    };
</script>
</html>

详细原理请看: https://www.zhihu.com/question/20215561

html5的websocket

相关文章