js如何发送wss协议的请求，以及接受服务器返回的数据

最新推荐文章于 2024-04-29 01:11:44 发布

霜如明月

最新推荐文章于 2024-04-29 01:11:44 发布

阅读量5.1k

点赞数

分类专栏：前端文章标签： JavaScript 前端

本文链接：https://blog.csdn.net/q3254421/article/details/83215408

版权

前端专栏收录该内容

45 篇文章 0 订阅

订阅专栏

今天遇到问题，以往都是请求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>

霜如明月

关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
1
评论
js如何发送wss协议的请求，以及接受服务器返回的数据

今天遇到问题，以往都是请求http协议的url，现在请求变成了wss的，用以前那种ajax的方式不可以发送和接受。然后查阅相关资料解决了这个问题，在这记录一下解决办法，使用的是websocket。&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; ...
复制链接

扫一扫