个人中心
gpt4 book ai didi

javascript - 我没有在客户端上实时看到带有 Node js的json文件的值

转载 作者：行者123 更新时间：2023-12-03 00:40:03 26 4
gpt4 key购买 nike

我在链接 how to display a realtime variable in nodejs in HTML 上的先例问题上看到了这个示例我没有实时看到客户端上 json 文件的值尽管答案定义正确。此外，在 bash 中，我启动命令 Node --inspect socketProva.js (socketProva.js 是我的服务器文件的名称)，我在检查页面中看到此消息“需要 WebSockets 请求”。奇怪的是，服务器实时正确显示 json 文件的数据，但与客户端的通信似乎没有发生。感谢您的回答和我英语不好的借口。

socketProva.js 和index.html

var io = require('socket.io')(8080); // The port should be different of your HTTP server.
var fs = require('fs');
var obj = JSON.parse(fs.readFileSync('prova.json', 'utf8'));

io.on('connection', function (socket) { // Notify for a new connection and pass the socket as parameter.
    console.log('new connection');

    var incremental = 0;
    setInterval(function () {
        console.log('emit new value', obj);
        obj = JSON.parse(fs.readFileSync('prova.json', 'utf8'));
        socket.emit('update-value', obj); // Emit on the opened socket.
        incremental++;
    }, 1000);

});
<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <p id="messages"></p> 
    <script src="https://cdn.socket.io/socket.io-1.2.0.js"></script>
    <script src="https://code.jquery.com/jquery-1.11.1.js"></script>
    <pre id="incremental"></pre>

    <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
    <script>
        var socket = io('http://localhost:8080'); // Connect the socket on the port defined before.

        socket.on('update-value', function (value) { // When a 'update-value' event is received, execute the following code.
            console.log('received new value', value);

            $('#incremental').html(value);
        });
    </script>
  </body>
</html>

JSON 文件:prova.json

{
    "football":{
        "id": 1,
        "home": "Liverpool",
        "away": "Chelsea",
        "score": "1-0",
        "last scorer":"Gerrard"
    }
}

最佳答案

如果 prova.json 在一段时间内没有改变，则无需使用 fs.readFileSync 读取它。您可以要求它。

var obj = require('prova.json');

完整示例如下所示:(记住我更改了客户端 socket.io.js 版本)

服务器:

var io = require('socket.io')();
var data = require('./data.json')

io.on('connection', function (socket) {
    console.log('connected:', socket.client.id);
    setInterval(function () {
        data.value = Math.random();
        socket.emit('update-value', data);
        console.log('message sent to the clients');
    }, 1000);
});

io.listen(8080);

客户端:

<!DOCTYPE html>
<html>

<head>
  <!-- this changed -->
  <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.1.1/socket.io.js"></script>
  <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
</head>

<body>
  <div id="incremental"></div>

  <script>
    var socket = io('http://localhost:8080');

    socket.on('update-value', function (data) {
      console.log('received new value', data);
      var $div = $('<div>');
      $div.text(data.value)
      $('#incremental').append($div);
    });
  </script>
</body>

</html>

和data.json:

{
    "value": 1
}

关于javascript - 我没有在客户端上实时看到带有 Node js的json文件的值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53503995/

26 4 0
文章推荐： javascript - 将数组中的数字相加
文章推荐： Javascript Office添加: getAsync() not working
文章推荐： javascript - Google map 无法加载
文章推荐： javascript - 非常大的树 d3 v4 中的重叠节点
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com