index.html 1.5 KB
Newer Older
1 2 3 4
<!DOCTYPE html>  
<meta charset="utf-8" />  
<title>WebSocket Test</title>  
<script language="javascript" type="text/javascript">
5

6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
  var writeToScreen = function(message) {
    var div = document.createElement('div');
    div.innerHTML = message;
    document.getElementById('output').appendChild(div);
  };
  window.onload = function() {
    var url = 'ws://' + window.location.host + '/foo';
    websocket = new WebSocket(url);
    websocket.onopen = function(ev) {
      writeToScreen('CONNECTED');
      var message = 'Не всё подчиняется разуму. Но всё подчиняется упорству. ';
      writeToScreen('SENT: ' + message);
      websocket.send(message);
    };
    websocket.onclose = function(ev) {
      writeToScreen('DISCONNECTED');
    };
    websocket.onmessage = function(ev) {
      writeToScreen('<span style="color: blue;">RESPONSE: ' + ev.data +
                    ' </span>');
26
      websocket.send('exit');
27 28 29 30 31 32
    };
    websocket.onerror = function(ev) {
      writeToScreen('<span style="color: red; ">ERROR: </span> ' + ev.data);
    };
  };
</script>  
33 34 35 36 37 38 39 40 41 42
<style> div {font: small Verdana; } </style>
<h2>Mongoose WebSocket Test</h2>  

  <div style="width: 400px; color: #aaa; padding: 1em; ">
  This page code creates websocket to the URI "/foo",
  sends a message to it, waits for the reply, then sends an "exit" message.
  Server must echo all messages back, and terminate the conversation after
  receiving the "exit" message.
  </div>

43 44
<div id="output"></div>  
</html>