js如何發送wss協議的請求,以及接受服務器返回的數據


今天遇到問題,以往都是請求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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM