ws.html 814 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
  5. </head>
  6. <body>
  7. <input id="msg" type="text"></input>
  8. <button id="send">
  9. Send
  10. </button><BR>
  11. <textarea id="log" cols=100 rows=50>
  12. </textarea>
  13. <script>
  14. var sock = new WebSocket("ws://{{servername}}:40080/ws");
  15. sock.onopen = ()=>{
  16. console.log('open')
  17. }
  18. sock.onerror = (e)=>{
  19. console.log('error',e)
  20. }
  21. sock.onclose = ()=>{
  22. console.log('close')
  23. }
  24. sock.onmessage = (e)=>{
  25. $("#log").val(
  26. e.data +"\n" + $("#log").val());
  27. }
  28. $("#msg").keypress(function(e){
  29. if (e.which == 13)
  30. {
  31. sock.send($("#msg").val());
  32. $("#msg").val("");
  33. }
  34. });
  35. $("#send").click(()=>{
  36. sock.send($("#msg").val());
  37. $("#msg").val("");
  38. });
  39. </script>
  40. </body>
  41. </html>