js如何发送wss协议的请求,以及接受服务器返回的数据
发布在前端全栈2018年10月20日view:1095JavaScript
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

今天遇到问题,以往都是请求http协议的url,现在请求变成了wss的,用以前那种ajax的方式不可以发送和接受。然后查阅相关资料解决了这个问题,在这记录一下解决办法,使用的是websocket

<!DOCTYPE html>
  <html>
      <head>
          <meta charset="UTF-8">
          <title></title>
      </head>
      <body>
          <button id="btn" type="button">点我发送请求</button>
      </body>
     <script type="text/javascript" src="js/jquery.js" ></script>
     <script type="text/javascript">
         $("#btn").click(function(){
             // 创建WebSocket 对象
             var ws = new WebSocket("wss://s2.ripple.com:443");
             //连接成功时,触发事件
             ws.onopen = function () {
                 //请求参数
                 var param = {"id": 1,"command": "account_info","account": "r9cZA1mLK5R5Am25ArfXFmqgNwjZgnfk59"}
                 // 使用 send() 方法发送数据 ;                     //前端全栈架构学习交流圈:866109386
                 ws.send(JSON.stringify(param));                 //欢迎1到五年经验的前端开发人员加入
                 alert("数据发送中...");                          //帮助大家突破技术瓶颈,提升思维。
             }
             //接收到服务端响应的数据时,触发事件
             ws.onmessage = function (evt) {
                 var data = evt.data;
                 alert("收到数据..."+data);
             }
             // 断开 web socket 连接成功触发事件
             ws.onclose = function () {
                 alert("连接已关闭...");
             };
         });
     </script>
 </html>
评论
发表评论
暂无评论
PUBLISHED IN
前端全栈

不定时推送有价值,干货的前端文章

友情链接 大搜车前端团队博客
我的收藏