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

时间：2021-09-04 00:23:00

今天遇到问题，以往都是请求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() 方法发送数据

                 ws.send(JSON.stringify(param));

                 alert("数据发送中...");

             }

             //接收到服务端响应的数据时，触发事件

             ws.onmessage = function (evt) {

                 var data = evt.data;

                 alert("收到数据..."+data);

             }

             // 断开 web socket 连接成功触发事件

             ws.onclose = function () {

                 alert("连接已关闭...");

             };

         });

     </script>

 </html>

相关文章