node.js中的socket.io的广播消息
作者:bea
在多个客户端与服务器端建立连接后,socket.io()服务器具有一个sockets属性,属性值为所有与客户端建立连接的socket对象.可以利用该对象的send方法或emit方法向所有客户端广播消息. io.sockets.send("user commected); io.socket.emit("login",names); 案例 server.js代码: 代码如下: var express=require("express"); var http=requir
在多个客户端与服务器端建立连接后,socket.io()服务器具有一个sockets属性,属性值为所有与客户端建立连接的socket对象.可以利用该对象的send方法或emit方法向所有客户端广播消息.
io.sockets.send("user commected);
io.socket.emit("login",names);
案例
server.js代码:
代码如下:
var express=require("express");
var http=require("http");
var sio=require("socket.io");
var app=express();
var server=http.createServer(app);
app.get("/", function (req,res) {
res.sendfile(__dirname+"/index.html");
});
server.listen(1337,"127.0.0.1", function () {
console.log("开始监听1337");
});
var io=sio.listen(server);
var names=[];
io.sockets.on("connection", function (socket) {
socket.emit("login",names);
socket.on("login", function (name) {
names.push(name);
io.sockets.emit("login",names);
});
});
代码如下:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="/socket.io/socket.io.js"></script>
<script>
var socket=io.connect();
socket.on("login", function (names) {
var str="";
names.forEach(function(name){
str+="用户"+name+"已登录.<br/>";
});
document.getElementById("result").innerHTML=str;
});
function add(){
socket.emit("login",document.getElementById("nickname").value);
}
</script>
</head>
<body>
昵称<input type="text" id="nickname" />
<div id="result"></div>
<input type="button" onclick="add()" value="登录" />
</body>
</html>
运行结果:
在谷歌浏览器里面的登录,可以在火狐中看到一模一样的结果.
这是一个美妙的现象,也是一个让我万分惊喜的效果.
如此美妙的node.
有用 | 无用
io.sockets.send("user commected);
io.socket.emit("login",names);
案例
server.js代码:
代码如下:
var express=require("express");
var http=require("http");
var sio=require("socket.io");
var app=express();
var server=http.createServer(app);
app.get("/", function (req,res) {
res.sendfile(__dirname+"/index.html");
});
server.listen(1337,"127.0.0.1", function () {
console.log("开始监听1337");
});
var io=sio.listen(server);
var names=[];
io.sockets.on("connection", function (socket) {
socket.emit("login",names);
socket.on("login", function (name) {
names.push(name);
io.sockets.emit("login",names);
});
});
代码如下:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script src="/socket.io/socket.io.js"></script>
<script>
var socket=io.connect();
socket.on("login", function (names) {
var str="";
names.forEach(function(name){
str+="用户"+name+"已登录.<br/>";
});
document.getElementById("result").innerHTML=str;
});
function add(){
socket.emit("login",document.getElementById("nickname").value);
}
</script>
</head>
<body>
昵称<input type="text" id="nickname" />
<div id="result"></div>
<input type="button" onclick="add()" value="登录" />
</body>
</html>
运行结果:
在谷歌浏览器里面的登录,可以在火狐中看到一模一样的结果.
这是一个美妙的现象,也是一个让我万分惊喜的效果.
如此美妙的node.
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- javascript使用call调用微信API
- 分享28款免费实用的 JQuery 图片和内容滑块插件
- node.js中的console用法总结
- 再分享70+免费的jquery 图片滑块效果插件和教程
- node.js中的require使用详解
- node.js中的favicon.ico请求问题处理
- 分享20个提升网站界面体验的jQuery插件
- 分享33个jQuery与CSS3实现的绚丽鼠标悬停效果
- 60个很实用的jQuery代码开发技巧收集
- node中socket.io的事件使用详解
- node.js中使用socket.io的方法
- Lua表达式和控制结构学习笔记
- 如何在node的express中使用socket.io
- node.js中使用socket.io制作命名空间
- node.js中的fs.fstatSync方法使用说明
- node.js中的fs.fstat方法使用说明
- node.js中的fs.readFileSync方法使用说明
- node.js中的fs.readFile方法使用说明
- node.js中的fs.linkSync方法使用说明