index.html 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!DOCTYPE html>
  2. <meta charset="utf-8" />
  3. <title>WebSocket Test</title>
  4. <script language="javascript" type="text/javascript">
  5. // This javascript code creates a websocket to the URI "/foo",
  6. // sends a message to it, waits for the reply, and sends an "exit" message.
  7. // Server must terminate the conversation after receiving "exit" message.
  8. var writeToScreen = function(message) {
  9. var div = document.createElement('div');
  10. div.innerHTML = message;
  11. document.getElementById('output').appendChild(div);
  12. };
  13. window.onload = function() {
  14. var url = 'ws://' + window.location.host + '/foo';
  15. websocket = new WebSocket(url);
  16. websocket.onopen = function(ev) {
  17. writeToScreen('CONNECTED');
  18. var message = 'Не всё подчиняется разуму. Но всё подчиняется упорству. ';
  19. writeToScreen('SENT: ' + message);
  20. websocket.send(message);
  21. };
  22. websocket.onclose = function(ev) {
  23. writeToScreen('DISCONNECTED');
  24. };
  25. websocket.onmessage = function(ev) {
  26. writeToScreen('<span style="color: blue;">RESPONSE: ' + ev.data +
  27. ' </span>');
  28. websocket.send('exit');
  29. };
  30. websocket.onerror = function(ev) {
  31. writeToScreen('<span style="color: red; ">ERROR: </span> ' + ev.data);
  32. };
  33. };
  34. </script>
  35. <h2>WebSocket Test</h2>
  36. <div id="output"></div>
  37. </html>