Websocket 入门学习实例
2017-09-08 09:24
176 查看
<!DOCTORY html> <html> <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"> var websocket = new WebSocket("ws://echo.websocket.org/"); websocket.onopen = function() { console.log('websocket open'); document.getElementById("recv").innerHTML = "Connected"; } websocket.onclose = function() { console.log('websocket close'); } websocket.onmessage = function(e) { console.log(e.data); document.getElementById("recv").innerHTML = e.data; } document.getElementById("sendBtn").onclick = function() { var txt = document.getElementById("sendTxt").value; websocket.send(txt); } </script> div. </body> </html>
相关文章推荐
- Python 学习入门(28)—— 服务器实例
- SpringMVC入门学习(一) 环境搭建+实例演示
- java学习笔记之webservice(一)-入门实例,自定义webservice服务
- MySql入门教程mysql基础知识学习实例讲解
- Spring学习笔记:第二章 Spring中IoC的入门实例
- 服务器推送之WebSocket 入门学习路程(二)
- RabbitMQ学习总结(3)——入门实例教程详解
- spring mvc学习(一)入门实例
- linux下网络编程学习——入门实例ZZ
- Spring学习笔记:Spring中IoC的入门实例
- JQuery学习1——入门小实例
- java 从零开始,学习笔记之基础入门<线程及实例分析>(十九)
- 正则表达式的学习入门实例(java篇)
- React入门最好的学习实例-TodoList
- spring 学习(1.3) 入门基础- AOP 实例
- SpringMVC入门学习(一) 环境搭建+实例演示
- 一实例从WebSocket入门至精通
- PHP入门学习的几个不错的实例代码
- Spark组件之GraphX学习1--入门实例Property Graph
- Spring入门学习——调用一个实例工厂方法创建Bean