test.html 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>菜鸟教程(runoob.com)</title>
  6. <script type="text/javascript">
  7. function WebSocketTest()
  8. {
  9. if ("WebSocket" in window)
  10. {
  11. alert("您的浏览器支持 WebSocket!");
  12. // 打开一个 web socket
  13. var ws = new WebSocket("ws://localhost:8080/ws");
  14. ws.onopen = function()
  15. {
  16. // Web Socket 已连接上,使用 send() 方法发送数据
  17. ws.send("发送数据");
  18. alert("数据发送中...");
  19. };
  20. ws.onmessage = function (evt)
  21. {
  22. var received_msg = evt.data;
  23. alert("数据已接收...");
  24. };
  25. ws.onclose = function()
  26. {
  27. // 关闭 websocket
  28. alert("连接已关闭...");
  29. };
  30. }
  31. else
  32. {
  33. // 浏览器不支持 WebSocket
  34. alert("您的浏览器不支持 WebSocket!");
  35. }
  36. }
  37. </script>
  38. </head>
  39. <body>
  40. <div id="sse">
  41. <a href="javascript:WebSocketTest()">运行 WebSocket</a>
  42. </div>
  43. </body>
  44. </html>