socket.io - socket.on warte auf Versprechen

Question

Ich habe eine Schaltfläche, die eine Kommunikation mit dem Server durchführt, um zu überprüfen, ob ein eingegebener Wert (über ein Eingabefeld) bereits existiert. Der Code ist der folgende:

$("#button").click(function() { 
    var exists = false; 
    var name = $("#name").val(); 
    socket.emit("check", name); 

    socket.on("checkReturn", function (data) { 
     exists = data.result; 
    }); 

    if (exists) { 
     console.log("exists") 
    } else { 
     if (name.length > 0) { 
      socket.emit("create", name); 
     } 
    } 
}); 
}); 

Das Problem ist, dass der checkReturn Aufruf asynchron ist, und daher der Code trägt, ohne auf das Ergebnis tatsächlich zu warten. Wie stelle ich sicher, dass checkReturn zuerst fertig ist und nur dann der Rest des Codes ausgeführt wird?

Answer 1

Neben der anderen Antwort können Sie auch Bestätigungen verwenden, bei denen ein Rückruf zwischen dem Client und dem Server übergeben wird. Dann können Sie einfach den Rückruf der emit-Funktion:

$("#button").click(function() { 
    var exists = false; 
    var name = $("#name").val(); 

    socket.emit('check', name, function (data) { 
    exists = data.result; 
    if (exists) console.log("exists"); 
    else (if (name.length > 0) socket.emit("create", name)); 
    }); 
}); 

Auf der Seite Server es würde wie folgt aussehen:

io.sockets.on('connection', function (socket) { 
    socket.on('ferret', function(name, fn) { 
    // find if "name" exists 
    fn({ exists: false }); 
    }); 
}); 

Answer 2

$("#button").click(function() 
{ var exists = false; 
var name = $("#name").val(); 
socket.emit("check", name); 

socket.on("checkReturn", function (data) { 
exists = data.result; 
if (exists) { console.log("exists") } else { if (name.length > 0) { socket.emit("create", name); } } });  
});