解析接受多个值的json数组时出错

时间:2014-03-10 08:19:12

标签: json node.js express client-server webclient

每当我在我的json文件中提供单个数据元素时,我的代码工作正常,但只要我给出一个元素数组,就会在客户端开始显示未定义。 这是我的服务器端代码。

var app = require('express')()
  , server = require('http').createServer(app)
  , io = require('socket.io').listen(server);
var fs= require('fs');
server.listen(3000);

app.get('/', function (req, res) {
  res.sendfile(__dirname + '/cli_index.html');
});

io.sockets.on('connection', function (socket) {
var file = __dirname + '/data.json';
  fs.readFile(file, 'utf8', function (err, data) {
    if (err) {
      console.log('Error: ' + err);
      return;
    }
    data = JSON.parse(data);
  // You can save those values somewhere or just log them to the console
    console.log(data);
    socket.emit('news', { hello: data});
 });

  });

这是我的客户端代码。

<script src="/socket.io/socket.io.js"></script>
<script>
  var socket = io.connect('http://localhost');
  socket.on('news', function (data) {

 JSON.stringify(data);
  for(var i=0;i<2;i++){
   document.write(data[i].hello.name);
}
  });

</script>

这是我的外部json文件。

[{"name":"hey"},{"name":"Gouraw"}]

1 个答案:

答案 0 :(得分:2)

在此服务器端代码中:

socket.emit('news', { hello: data});

...您将数组作为对象的hello属性发送,但此客户端代码:

document.write(data[i].hello.name);

...期望顶级是一个数组,每个条目都有单独的hello属性。将其更改为:

document.write(data.hello[i].name);

...所以你正在索引数组。

最好使用数组length而不是硬编码值来限制循环:

 for(var i=0;i<data.hello.length;i++){