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

2018-08-02 06:22:10来源：博客园阅读 ()

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

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <button id="btn" type="button">点我发送请求</button>
 9     </body>
10     <script type="text/javascript" src="js/jquery.js" ></script>
11     <script type="text/javascript">
12         $("#btn").click(function(){
13             // 创建WebSocket 对象
14             var ws = new WebSocket("wss://s2.ripple.com:443");
15             //连接成功时，触发事件
16             ws.onopen = function () {
17                 //请求参数
18                 var param = {"id": 1,"command": "account_info","account": "r9cZA1mLK5R5Am25ArfXFmqgNwjZgnfk59"};
19                 // 使用 send() 方法发送数据
20                 ws.send(JSON.stringify(param));
21                 alert("数据发送中...");
22             }
23             //接收到服务端响应的数据时，触发事件
24             ws.onmessage = function (evt) {
25                 var data = evt.data;
26                 alert("收到数据..."+data);
27             }
28             // 断开 web socket 连接成功触发事件
29             ws.onclose = function () {
30                 alert("连接已关闭...");
31             };
32         });
33     </script>
34 </html>