當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript笔记-前端原生态WebSocket的使用
生活随笔
收集整理的這篇文章主要介紹了
JavaScript笔记-前端原生态WebSocket的使用
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
運行截圖如下：
輸入數據點擊發送：
?源碼如下：
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>WebSocket</title> </head> <body><h1>Echo Test</h1><input id="sendTxt" type="text" /><button id="sendBtn">發送</button><div id="recv"></div><script type="text/javascript">let websocket = new WebSocket("ws://82.157.123.54:9010/ajaxchattest");websocket.onopen = function () {console.log('websocket open');document.getElementById("recv").innerText = "Connected";}websocket.onclose = function () {console.log('websocket close');}websocket.onmessage = function (ev) {console.log(ev.data);document.getElementById("recv").innerHTML = ev.data;}document.getElementById("sendBtn").onclick = function () {let txt = document.getElementById("sendTxt").value;console.log(txt);websocket.send(txt);}</script> </body> </html>?這個地址：
ws://82.157.123.54:9010/ajaxchattest是網上隨意找的。
總結
以上是生活随笔為你收集整理的JavaScript笔记-前端原生态WebSocket的使用的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 信息安全工程师笔记-网络攻击常见技术
- 下一篇： Android逆向笔记-通过配置文件设置