index2.html 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  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. roomId:'001',
  23. myHeadUrl: 'http://downza.img.zz314.com/edu/pc/wlgj-1008/2016-06-23/64ec0888b15773e3ba5b5f744b9df16c.jpg'
  24. }
  25. });
  26. socket.on('vr_request', function (data) {
  27. alert('vr_request',data)
  28. console.log(data);
  29. });
  30. socket.on('action', function (data) {
  31. alert('acticon',data)
  32. console.log('--acticon--',data);
  33. });
  34. socket.on('vr_response', function (data) {
  35. let res = data
  36. alert('vr_response',`${res.customerId}: ${res.content}`)
  37. console.log(`${res.customerId}: ${res.content}`);
  38. });
  39. var send = document.querySelector('#send');
  40. send.addEventListener('click', function () {
  41. socket.emit('getJson', {
  42. agentId: 'user_001',
  43. customerId:'user_002',
  44. roomId:'001',
  45. nickName: '测试2',
  46. myHeadUrl: 'http://downza.img.zz314.com/edu/pc/wlgj-1008/2016-06-23/64ec0888b15773e3ba5b5f744b9df16c.jpg',
  47. content:{
  48. json:'t1',
  49. json1:'t2',
  50. json2:'t3',
  51. action:'action1'
  52. }
  53. })
  54. })
  55. </script>
  56. </body>
  57. </html>