快捷導(dǎo)航

node中socket.io的事件使用詳解

更新時(shí)間：2014年12月15日 12:16:21 投稿：hebedich

這篇文章主要介紹了node中socket.io的事件使用詳解,需要的朋友可以參考下

socket.io類庫不但可以相互發(fā)送消息,而且還可以通過socket端口對(duì)象的emit方法互相發(fā)送事件.

emit在之前的事件上說過現(xiàn)在一句話帶過:emit是用來手動(dòng)觸發(fā)事件的.

socket.emit(event,data,function(data1,data2......){

});

在使用emit方法發(fā)送事件時(shí),可以再另一端使用socket端口對(duì)象的on方法會(huì)once方法監(jiān)聽.

復(fù)制代碼代碼如下:

socket.on(event,function(data,fn){

});

socket.once(event,function(data,fn){

})

上面的回調(diào)函數(shù)中的參數(shù)data:對(duì)方發(fā)送的事件中攜帶的數(shù)據(jù),

fn:對(duì)方在發(fā)送事件時(shí)指定的callback回調(diào)函數(shù).

案例1:當(dāng)服務(wù)器和客戶端連接后,向客戶端發(fā)送一個(gè)news事件,事件中攜帶一個(gè)對(duì)象,該對(duì)象的hello屬性值為"你好".在接收到客戶端發(fā)送my other event事件時(shí),在控制臺(tái)中輸出"服務(wù)器端就收到數(shù)據(jù)"+客戶端發(fā)送事件中攜帶的數(shù)據(jù).

服務(wù)器端代碼,server.js

復(fù)制代碼代碼如下:

 var http=require("http");

 var sio=require("socket.io");

 var fs=require("fs");

 var server=http.createServer(function (req,res) {

     res.writeHead(200,{"Content-type":"text/html"});

     res.end(fs.readFileSync("./index.html"));

 });

 server.listen(1337);

 var socket=sio.listen(server);

 socket.on("connection", function (socket) {

     socket.emit("news",{hello:"你好"});

     socket.on("my other event", function (data) {

         console.log("服務(wù)器端接受到信息%j",data);

     });

 });

客戶端index.html代碼:

復(fù)制代碼代碼如下:

 <!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("news", function (data) {

             console.log(data.hello);

             socket.emit("my other event",{my:"data"});

         });        

     </script>

 </head>

 <body>

 </body>

運(yùn)行結(jié)果:、

可以發(fā)現(xiàn)一點(diǎn):執(zhí)行總是在監(jiān)聽端,而不是手動(dòng)執(zhí)行端.

案例2:在手動(dòng)觸發(fā)對(duì)方事件時(shí),指定回調(diào)函數(shù).

當(dāng)客戶端和服務(wù)端連接后,向客戶端發(fā)送setName事件,事件攜帶"張三",觸發(fā)事件時(shí),指定一個(gè)回調(diào)函數(shù),該回調(diào)函數(shù)向控制臺(tái)輸出2個(gè)參數(shù)值.

復(fù)制代碼代碼如下:

 var http=require("http");

 var sio=require("socket.io");

 var fs=require("fs");

 var server=http.createServer(function (req,res) {

     res.writeHead(200,{"Content-type":"text/html"});

     res.end(fs.readFileSync("./index.html"));

 });

 server.listen(1337);

 var socket=sio.listen(server);

 socket.on("connection", function (socket) {

     socket.emit("setName","張三", function (data1,data2) {

         console.log(data1);

         console.log(data2);

     });

 });

復(fù)制代碼代碼如下:

 <!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("setName", function (name,fn) {

            console.log(name);

             fn("李四","王五");

         });      

     </script>

 </head>

 <body>

 </body>

 </html>