|
|
- <!doctype html>
- <html>
- <head>
- <meta http-equiv="Content-type" content="text/html; charset=utf-8">
- <title>WebSocket test</title>
- </head>
- <body>
-
- <h1>WebSocket test</h1>
- <ul></ul>
-
- <script type="text/javascript">
- var logger = document.getElementsByTagName('ul')[0],
- Socket = window.MozWebSocket || window.WebSocket,
- protos = ['foo', 'bar', 'xmpp'],
- socket = new Socket('ws://' + location.hostname + ':' + location.port + '/', protos),
- index = 0;
-
- var log = function(text) {
- logger.innerHTML += '<li>' + text + '</li>';
- };
-
- socket.addEventListener('open', function() {
- log('OPEN: ' + socket.protocol);
- socket.send('Hello, world');
- });
-
- socket.onerror = function(event) {
- log('ERROR: ' + event.message);
- };
-
- socket.onmessage = function(event) {
- log('MESSAGE: ' + event.data);
- setTimeout(function() { socket.send(++index + ' ' + event.data) }, 2000);
- };
-
- socket.onclose = function(event) {
- log('CLOSE: ' + event.code + ', ' + event.reason);
- };
- </script>
-
- </body>
- </html>
|