| <html> |
| <head> |
| <title>Web Sockets Demo</title> |
| |
| <script src="libs/jquery-2.1.1.min.js"></script> |
| |
| <script type='text/javascript'> |
| if (!window.WebSocket) |
| alert("WebSocket not supported by this browser"); |
| |
| var server = { |
| connect : function() { |
| var location = document.location.toString().replace('http://', |
| 'ws://').replace('https://', 'wss://').replace('ws.html','ws/topology'); |
| this.ws = new WebSocket(location); |
| |
| this.ws.onopen = function() { |
| server._send("Hi there!"); |
| }; |
| |
| this.ws.onmessage = function(m) { |
| if (m.data) { |
| $('#log').append(m.data).append($('<br/>')); |
| } |
| }; |
| |
| this.ws.onclose = function(m) { |
| this.ws = null; |
| }; |
| }, |
| |
| _send : function(message) { |
| if (this.ws) { |
| this.ws.send(message); |
| } |
| }, |
| |
| send : function(text) { |
| if (text != null && text.length > 0) { |
| server._send(text); |
| } |
| } |
| }; |
| </script> |
| </head> |
| <body> |
| <pre id='log'></pre> |
| |
| <script type='text/javascript'> |
| server.connect(); |
| </script> |
| |
| </body> |
| </html> |