通过socket.io解析表单数据并获取数据

Question

我正在尝试通过主机解析表单数据，该主机将在第二屏幕样式的网络应用程序中发送给客户端，但是我正在努力获取表单数据，尤其是来自主机和客户端的 nameTheBet .

我错过了什么？代码如下：

HTML 块

<script id="create-game-template" type="text/template">
    <div class="createGameWrapper">
        <div id="betSummary">
            <div class="info">
                <span class="nameTheBet"></span>
            </div>
        </div>

        <div class="info">Open this site on your mobile device:</div>

        <div id="gameURL" class="infoBig">Error!</div>
            <div class="info">Then click <strong>JOIN</strong> and <br/> enter the following Game ID:</div>
            <div id="spanNewGameCode" class="gameId">Error!</div>
        <div id="playersWaiting"></div>
    </div>
</script>

存储数据

onCreateClick: function () {

IO.socket.emit('hostCreateNewGame');

var data = {
    gameId : +($('#inputGameId').val()),
    placeBet : +($('#inputPlaceBet').val()),
    nameTheBet : $('#inputNameTheBet').val(),
    playerName : $('#inputPlayerName').val() || 'anon'
};
$('#betSummary')
    .append('<p/>')
    .text(data.nameTheBet);

IO.socket.emit('nameTheBet', data);

// Set the appropriate properties for the current player.
App.myRole = 'Host';
App.Host.myBet = data.nameTheBet;
},

正在检索

function nameTheBet(data) {

io.sockets.in(data.gameId).emit('nameTheBet', data);
}

Answer 1

我相信当你发出数据时，它需要被包裹在一个 on connection 函数中，它看起来像：

IO.on('connection', function(socket){
  //your code here
  socket.emit('nameTheBet', data);
});

*edit 在这两个地方你都在发射但我没有看到你在用 socket.on('nameTheBet')

收听的任何地方

Answer 2

我从头开始重写了我的函数，并在从客户端解析到服务器然后发送回客户端的每个步骤中进行了调试。从服务器发送回客户端是问题所在。

存储数据

onCreateClick: function () {

    var data = {
        nameTheBet : $('#inputNameTheBet').val() || 'anon',
        playerName : $('#inputPlayerName').val() || 'anon'
    };

    IO.socket.emit('hostCreateNewGame', data);

    App.myRole = 'Player';
    App.Player.myBet = data.nameTheBet;
},

服务器端

function hostCreateNewGame(data) {
    // Create a unique Socket.IO Room
    var thisGameId = ( Math.random() * 100000 ) | 0;
    var thisBet = data.nameTheBet

    this.emit('newGameCreated', {gameId: thisGameId, mySocketId: this.id, nameTheBet: thisBet});

    this.join(thisGameId.toString());
}

这有作用....

onNewGameCreated : function(data) {
    App.Host.gameInit(data);
    App[App.myRole].setTheBet(data);
    console.log(data.nameTheBet);
},

附加 HTML 块

setTheBet : function(data) {
    $('#betSummary')
        .append('<p/>')
        .text(data.nameTheBet);
},

通过socket.io解析表单数据并获取数据

Parse form data through socket.io and retrieve data

jquery

node.js

express

socket.io