index.html 825 B

123456789101112131415161718192021222324252627282930313233
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>WebSocket Example</title>
  5. </head>
  6. <body>
  7. <h1>WebSocket示例</h1>
  8. <div id="messages"></div>
  9. <script>
  10. const socket = new WebSocket('ws://127.0.0.1:9200');
  11. socket.onopen = function(event) {
  12. console.log('WebSocket 已连接!等待接收数据');
  13. };
  14. socket.onmessage = function(event) {
  15. const messages = document.getElementById('messages');
  16. messages.innerHTML += '<p>接收数据:' + event.data + '</p>';
  17. console.log(event.data);
  18. };
  19. socket.onerror = function(error) {
  20. console.error('WebSocket 错误: ' + error);
  21. };
  22. socket.onclose = function(event) {
  23. console.log('WebSocket 已闭');
  24. };
  25. </script>
  26. </body>
  27. </html>