index2.html 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. <html>
  2. <head>
  3. <meta charset='UTF-8'>
  4. <title>socket.io客户端</title>
  5. <script src="./js/socket.io.js"></script>
  6. </head>
  7. <body>
  8. <button id='send'>发送消息到服务器</button>
  9. <div>
  10. <h3>服务器响应的消息:</h3>
  11. <i id='msg'></i>
  12. </div>
  13. <script>
  14. // 'http://47.115.43.159:3000'
  15. var socket = io('http://47.115.43.159:3000',{
  16. path: '/test',
  17. query: {
  18. customerId: 'user_002',
  19. agentId: 'user_001',
  20. role:'agent',
  21. nickName: '测试2',
  22. myHeadUrl: 'http://downza.img.zz314.com/edu/pc/wlgj-1008/2016-06-23/64ec0888b15773e3ba5b5f744b9df16c.jpg'
  23. }
  24. });
  25. socket.on('vr_request', function (data) {
  26. console.log(data);
  27. });
  28. socket.on('vr_start', function (data) {
  29. console.log(data);
  30. });
  31. socket.on('action', function (data) {
  32. console.log('--acticon--',data);
  33. });
  34. socket.on('vr_response', function (data) {
  35. let res = data
  36. console.log(`${res.customerId}: ${res.content}`);
  37. });
  38. var send = document.querySelector('#send');
  39. send.addEventListener('click', function () {
  40. socket.emit('getJson', {
  41. agentId: 'user_001',
  42. customerId:'user_002',
  43. nickName: '测试2',
  44. myHeadUrl: 'http://downza.img.zz314.com/edu/pc/wlgj-1008/2016-06-23/64ec0888b15773e3ba5b5f744b9df16c.jpg',
  45. content:{
  46. json:'t1',
  47. json1:'t2',
  48. json2:'t3',
  49. action:'action1'
  50. }
  51. })
  52. })
  53. </script>
  54. </body>
  55. </html>