html5的websocket

发布时间:2020-02-23 发布网站:脚本之家
脚本之家收集整理的这篇文章主要介绍了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全部内容,希望文章能够帮你解决html5的websocket所遇到的程序开发问题。

其他人正在看

如果觉得脚本之家网站内容还不错,欢迎将脚本之家网站推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您喜欢交流学习经验,点击链接加入脚本之家官方QQ群:1065694478
标签: