Heim > Web-Frontend > js-Tutorial > Hauptteil

Detaillierte Erläuterung der Verwendung von socket.io-Ereignissen in node_node.js

WBOY
Freigeben: 2016-05-16 16:26:54
Original
1688 Leute haben es durchsucht

Die Klassenbibliothek socket.io kann nicht nur Nachrichten aneinander senden, sondern über die Emit-Methode des Socket-Port-Objekts auch Ereignisse aneinander senden.

emit hat es in früheren Ereignissen gesagt und jetzt wird es in einem Satz gesagt: emit wird verwendet, um Ereignisse manuell auszulösen.

Code kopieren Der Code lautet wie folgt:

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

Wenn Sie die Emit-Methode zum Senden eines Ereignisses verwenden, können Sie die On-Methode und die Once-Methode des Socket-Port-Objekts verwenden, um am anderen Ende zuzuhören.

Code kopieren Der Code lautet wie folgt:

socket.on(event,function(data,fn){
});
socket.once(event,function(data,fn){
})

Die Parameterdaten in der obigen Rückruffunktion: die Daten, die in dem von der anderen Partei gesendeten Ereignis enthalten sind,

fn: Die von der anderen Partei beim Senden des Ereignisses angegebene Rückruffunktion.

Fall 1: Wenn der Server und der Client verbunden sind, wird ein Nachrichtenereignis an den Client gesendet. Das Ereignis trägt ein Objekt, dessen Hallo-Attributwert „Hallo“ ist. Nach dem Empfang sendet es mein anderes Ereignisereignis. In der Konsole wird „Der Server hat die Daten empfangen“ ausgegeben. Der Client sendet die im Event enthaltenen Daten.

Serverseitiger Code, server.js

Code kopieren Der Code lautet wie folgt:

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("Verbindung", Funktion (Socket) {
​​socket.emit("news",{hello:"Hello"});
socket.on("mein anderes Ereignis", Funktion (Daten) {
console.log("Server hat Informationen %j erhalten",data);
});
});

Client index.html-Code:

Code kopieren Der Code lautet wie folgt:







<script><br>         var socket=io.connect();<br> socket.on("news", Funktion (Daten) {<br> console.log(data.hello);<br> socket.emit("mein anderes Ereignis",{my:"data"});<br>          });                                                   </script>





Laufergebnisse:,

Eines lässt sich feststellen: Die Ausführung erfolgt immer auf der Listening-Seite, nicht auf der manuellen Ausführungsseite.

Fall 2: Geben Sie beim manuellen Auslösen des Ereignisses der anderen Partei die Rückruffunktion an.

Wenn der Client und der Server verbunden sind, wird ein setName-Ereignis an den Client gesendet. Wenn das Ereignis ausgelöst wird, wird eine Rückruffunktion angegeben und die Rückruffunktion gibt 2 Parameterwerte aus zur Konsole.

Code kopieren Der Code lautet wie folgt:

 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("Verbindung", Funktion (Socket) {
     socket.emit("setName","张三", function (data1,data2) {
         console.log(data1);
         console.log(data2);
     });
 });

复制代码 代码如下:

 
 
 
    
    
    
     <script><br>          var socket=io.connect();<br>          socket.on("setName", function (name,fn) {<br>             console.log(name);<br>              fn("李四","王五");<br>          });      <br>      </script>
 
 
 
 
 

执行结果:

回调函数实在触发端执行的.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage