Javascript 使用socket.io将数据从nodejs传输到html
我正在尝试使用socket.io将数据从nodejs传输到html。 首先,我尝试将文本从nodejs转换为html,它可以工作: nodejs代码:Javascript 使用socket.io将数据从nodejs传输到html,javascript,html,node.js,socket.io,Javascript,Html,Node.js,Socket.io,我正在尝试使用socket.io将数据从nodejs传输到html。 首先,我尝试将文本从nodejs转换为html,它可以工作: nodejs代码: app.post('/timer', function(req, res){ res.sendFile(__dirname + '/public/status.html'); io.emit('messageFromServer', "text"); }); html代码:
app.post('/timer', function(req, res){
res.sendFile(__dirname + '/public/status.html');
io.emit('messageFromServer', "text");
});
html代码:
<ul id="messagesList">
</ul>
<script src="/socket.io/socket.io.js"></script>
<script>
var socket = io();
var list = document.getElementById("messagesList");
socket.on('messageFromServer', function (data) {
var item = document.createElement('li');
item.innerHTML = data;
list.appendChild(item);
});
</script>
当我启动python代码时,console.log(info)写入:{time:'10'}
html代码(相同):
和html:
<ul id="messagesList">
</ul>
<script src="/socket.io/socket.io.js"></script>
<script>
var socket = io();
var list = document.getElementById("messagesList");
socket.on('messageFromServer', function (data) {
var item = document.createElement('li');
item.innerHTML = data.time;
list.appendChild(item);
});
</script>
var socket=io();
var list=document.getElementById(“messagesList”);
socket.on('messageFromServer',函数(数据){
var item=document.createElement('li');
item.innerHTML=data.time;
列表。追加子项(项目);
});
谢谢你的帮助。这也许能解决你的问题
item.innerHTML = data.time
将
item.innerHTML=data
更改为item.innerHTML=“time”+data.time
。您正在将一个对象分配给需要分配字符串的DOM。这是否回答了您的问题?你好,谢谢你的回答。我使用data.time进行了测试,我的html页面写“未定义”…好的,它可以使用以下代码:
app.post('/timer', function(req, res){
res.sendFile(__dirname + '/public/status.html');
var info = req.body;
io.emit('messageFromServer', info);
console.log(info)
});
<ul id="messagesList">
</ul>
<script src="/socket.io/socket.io.js"></script>
<script>
var socket = io();
var list = document.getElementById("messagesList");
socket.on('messageFromServer', function (data) {
var item = document.createElement('li');
item.innerHTML = data.time;
list.appendChild(item);
});
</script>
item.innerHTML = data.time