socket.io - socket.on chờ lời hứa

Question

Tôi có một nút thực hiện một số giao tiếp với máy chủ để kiểm tra xem giá trị đã nhập (thông qua hộp nhập liệu) đã tồn tại chưa. Mã này là như sau:

$("#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); 
     } 
    } 
}); 
}); 

Vấn đề là cuộc gọi checkReturn là không đồng bộ, và do đó các mã mang về mà không thực sự chờ đợi kết quả. Làm thế nào để đảm bảo rằng checkReturn là lần đầu tiên hoàn thành và chỉ sau đó phần còn lại của mã được thực hiện?

Answer 1

Ngoài câu trả lời khác, bạn cũng có thể sử dụng xác nhận, trong đó một cuộc gọi lại được chuyển giữa máy khách và máy chủ. Sau đó, bạn chỉ có thể sử dụng callback của hàm Emit:

$("#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)); 
    }); 
}); 

Về phía server nó sẽ trông như thế này:

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); } } });  
});