当前位置:   article > 正文

jQuery建立WebSocket连接_jquery websocket

jquery websocket

jQuery建立WebSocket连接,向服务端发送数据,实现WebSocket连接成功。

js代码如下:

  1. <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  2. <script type="text/javascript">
  3. $(function () {
  4. //判断浏览器是否支持WebSocket
  5. var supportsWebSockets = 'WebSocket' in window || 'MozWebSocket' in window;
  6. if (supportsWebSockets) {
  7. //建立WebSocket连接(ip地址换成自己主机ip)
  8. var ws = new WebSocket("wss://fat-hk-ws-sdk.szfiu.com/websocket");
  9. ws.onopen = function(){
  10. //当WebSocket创建成功时,触发onopen事件
  11. console.log("websocket连接成功");
  12. //ws.send("hello"); //将消息发送到服务端
  13. ws.send(
  14. JSON.stringify({
  15. symbols: "['00700.hk]",
  16. command:0,
  17. version:'1.0.0',
  18. token:'szfiu',
  19. heartBeat:'heartBeat'
  20. })
  21. );
  22. }
  23. ws.onmessage = function(e){
  24. //当客户端收到服务端发来的消息时,触发onmessage事件,参数e.data包含server传递过来的数据
  25. console.log("收到数据");
  26. console.log(e.data);
  27. }
  28. ws.onclose = function(e){
  29. //当客户端收到服务端发送的关闭连接请求时,触发onclose事件
  30. console.log("websocket已断开");
  31. }
  32. ws.onerror = function(e){
  33. //如果出现连接、处理、接收、发送数据失败的时候触发onerror事件
  34. console.log("websocket发生错误"+e);
  35. }
  36. }else{
  37. layer.alert("您的浏览器不支持 WebSocket!");
  38. }
  39. });
  40. </script>

向服务端发送消息,服务端返回数据,接收数据。

 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/知新_RL/article/detail/1003943
推荐阅读