將套接字io連接傳遞給ajax成功函數

Question

我試圖訪問ajax成功函數內的套接字io連接。

// Create socket connection 
    var socket = io.connect('http://localhost:81/'); 

    // Ajax request gets auth token 
    $.ajax({ 
     url: 'http://localhost:8000/foo', 
     xhrFields: { 
      withCredentials: true 
     }, 
     success: function (result, textStatus, jqXHR) { 
      socket.on('connect', function() { 
       $('#rows').html(result); 
       socket.emit('message', result); 
      }); 
     } 
    }); 

我該怎麼做？如果我聲明成功功能內的連接，它工作正常

Answer 1

你顯示什麼看起來很困惑。在ajax調用完成之前，connect事件可能已經發生，因此您完全會錯過它。

如果有一個合法的理由不想要插入的AJAX結果到DOM，直到套接字連接，那麼你可以做這樣的：

// Ajax request gets auth token 
// start ajax call, save promise 
var p = $.ajax({ 
    url: 'http://localhost:8000/foo', 
    xhrFields: { 
     withCredentials: true 
    } 
}); 

// Create socket connection 
var socket = io.connect('http://localhost:81/'); 
socket.on('connect', function() { 
    // when both socket is connected and ajax call is done, insert results into DOM 
    p.then(function(results) { 
     $('#rows').html(result); 
     socket.emit(result); 
    }); 
});