• WebSocket对象提供了一组API,用于创建和管理WebSocket链接,以及通过链接发送和接收数据
  • WebSocket其实是一个新协议,根HTTP协议基本没有关系,只是为了兼容现有浏览器的握手规范而已,借用了HTTP的协议来完成握手
  • image.png
  • image.png 
  • image.png
  • image.png
  • image.png

    1. 创建WebSocket

  • 创建websocket

    1. let Socket = new WebSocket('url');

    1.1 websocket方法

    • Socket.send()
      • send(data)方法使用链接传输数据
    • Socket.close()
      • close()方法用于终止任何现有链接

        1.2 Websocket事件

        | 事件 | 事件处理程序 | 描述 | | —- | —- | —- | | open | Scoket.onopen | 建立socket链接时触发这个事件 | | message | Scoket.onmessage | 客户端从服务器接收数据时触发 | | error | Scoket.onerror | 连接发生错误触发 | | close | Scoket.onclose | 链接被关闭时触发 |
  1. let Socket = new WebSocket('ws://echo.websocket.org');
  2. Socket.onopen = function () {
  3. // 向服务器传值
  4. Socket.send('hello');
  5. }
  6. Socket.onmessage = function (e) {
  7. // 自动返回一个对象参数 e.data代表传回来的数据
  8. console.log(e);
  9. console.log(e.data);
  10. Socket.close();
  11. }
  12. Socket.onclose = function () {
  13. // 断开链接
  14. console.log('close');
  15. }