node.js中的socket.io的廣播消息

DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> node.js中的socket.io的廣播消息

編輯：關於JavaScript

在多個客戶端與服務器端建立連接後,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.

上一頁:node.js中的fs.link方法教程使用說明詳解
下一頁:node.js中的fs.linkSync方法教程使用說明詳解

關於JavaScript

javascript中數組array及string的方法教程總結: 一、array的方法總結會更改原來的的數組push、unshift方法，返回length。增加值得就
javascript數據結構之雙鏈表插入排序實例詳解: 本文實例講述了javascript數據結構之雙鏈表插入排序實現方法。分享給大家供大家參考，具體如下：
JS運動基礎框架實例教程分析: 本文實例講述了JS運動基礎框架。分享給大家供大家參考。具體分析如下：這裡需要注意：1. 在開始運動時

DIV CSS 佈局教程網

相關文章