网络套接字私人教程
WebSocket初学者教程看看这个你就一定知道webscoket了。 我不会提到基本文档的原理。
你明白这张图吗？ 没关系，我有更简单的东西
理解这张图很重要。 我们和人说话不是面对面说话，其实在服务器聊天上。 传统的http是客户端向服务器提出请求并响应请求，而重点是服务器无法给客户端发起请求websocket则是直截了当地解决这个问题。 第一张图中的轮询每隔一定时间客户端就会向服务器发出请求。烂漫的小懒猪发过来的问话！
前言对网络套接字进行说明。 最近有需求需要使用websouket。 到目前为止，我还没有接触到完整的czddp。 我经常在百度上查资料，是胡说八道。 (我是初学者。 )对于完全不了解下一步什么是websocket、如何实现服务器的伙伴非常有用。 例如，我！
二、代码案例1.html简单直接在html中制作输入框、按钮、盒子
！ -输入内容- -请输入输入类型=' text ' name=' ' id=' ' placeholder='内容'！ -发送请求-- button发送/button！ 接收websocket服务的数据-- div/div赋予箱子简单的样式
样式div { width : 300 px； 高： 200 px； border : 1px固态# 000； margin-top: 20px； } /style 2.js部分//' ws ://echo.websocket.org/'服务地址是web socket官方文档的地址
没有必要烦恼。 在以后的例会上把他变成自己的东西
这里你知道什么过程
脚本varinput=document.query selector (input ) var button=document.query selector (button ) var div=document echo.wecho 在以下情况下，将他设置为自己的websocket服务地址constsocket=new web socket (' ws ://echo.web socket.org/' ) /与服务器的连接为open事件() html5-websocket.html ) socket.addeventlistener(open )、function () { div.innerHTML=“已成功连接到服务器”) ) butttml varvalue=input.valuecoonect socket.send (value ) ) socket.addeventlistener ) ' message '，function(e ) e ) { div.
此处使用的url网络请求的数据。
摘要创建完成后，将显示与服务器的连接成功
在input输入框中输入字符后显示在框中。 这样，基本的web套接字服务就可以接收和发送数据
在下一篇文章中，您将轻松实现自己的web套接字服务，并在多窗口中显示数据库