用户登录

🎉 8 周年订阅优惠

客户端与服务端建立连接以后,你就可以使用 socket.io 去触发自定义的事件,发送或者接收数据。

比如在我的应用的客户端,我希望在用户提交了信息以后可以发出一个自定义事件,然后带着用户提交的信息,服务端可以监听客户端发生的事件,收到客户端发给它的数据。

打开前端用的视图文件 ... 先嵌入一个 jquery ..

然后找到页面上的 form 元素 ... 监听一下 submit 事件 ... 发生以后去做点事情 .. 用一下 socket 的 emit ,触发一个自定义的事件 ... 事件的名字是 message

再带着用户在文本框里输入的内容 ... 找到页面上的 id 是 message 的元素 ... 用一下 val 方法得到它里面的值 ..

再找到这个输入信息的文本框 ... 清空一下里面的内容 ..

然后 return false ..

回到服务端 ... 在这个 connection 事件的处理器里面,监听一下在客户端上发生的 message 事件 .. 发生以后处理这个事件的方法会得到发送的信息 ... 名字可以是 message

再把这个信息输出到控制台上 ...

再去预览一下 ...

在这个页面上显示的文本框里输入点内容 .. 回车 .. .或者按一下 Send 按钮

这样会触发我们自定义的名字是 message 的事件 ... 服务器监听了这个事件 ... 会把事件里带的 message 的内容输出到控制台上 ...

1:28
0:51
1:47

发送接收事件与数据《 Socket.io 》

统计

11470
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点