2017-10-10 134 views
-1

我今天刚刚开始使用Node.js和Socket.io。现在我想更新输入字段的值。我花了我整整一天的时间寻找可以做到这一点的事情。如果你们能帮助我解决这个问题,我将不胜感激,因为我不知道从哪里开始。输入时更新输入字段

+0

把一些代码,或者如果你想参考检查socketio样品 –

回答

0

你的代码是怎样的? 您是否在谈论您的输入字段的值属性?

如果我理解你是对的。这只是你需要添加的一行代码。

document.getElementById("inputfieldid").value = "new value"; 

编辑︰然后我会尝试这样的事情。 我没有测试它。但是,如果您在输入字段中键入内容,它应该直接向服务器发送更新消息。 在您的服务器socket.on(“更新” ......会听新的输入。

// server.js 
    var express = require('express'); 
    var app = express(); 
    var io = require('socket.io')(server); 

    var server = app.listen(3000, function() { 
     var port = server.address().port; 
     console.log('Server running at port %s', port); 
    }); 

    io.sockets.on('connection', function(socket){ 
    socket.emit('onconnected', { message: 'connected'}); 

    socket.on('update', function(data) { 
     console.log("new Value: "+data.value); 
    }); 
    }); 


    // client.js 
    const socket = require('socket.io-client')(`${config.SERVERURL}:${config.PORT}`); 

    socket.on('onconnected', function(data){ 
    console.log(data); 
    }); 

    document.getElementById("inputfieldid").addEventListener("change",update); 
    function update(e){ 
    socket.emit('update',{ 
     value: e.target.value 
    }); 
    } 

我希望这将有助于

+1

EvilBurrito我想添加如下内容: 如果输入字段的值发生了变化,然后将数据发送到server.js然后在de server.js中我想要监听数据,如果数据在那里,那么发送数据我想客户端也需要一个监听器,但我不知道从哪里开始:( – Sylent

+0

哦,如果仍然存在问题 真的看看socket.io bsite。他们有很多例子。这可能对你有用https://socket.io/get-started/chat/ – EvilBurrito