尝试解析JSON数据导致未定义的错误

时间:2016-07-19 00:34:46

标签: javascript html json node.js

我试图在我的NodeJS应用程序中加载本地.json文件并循环遍历这些项目,并将它们加载到有序列表中。我已经创建了我的主要js文件和数据模型,加上主要的html页面,但是我收到了一个奇怪的错误。我收到的数据没有在我的data.js文件中定义:

  

的document.getElementById('更新&#39)。使用appendChild(makeUl(dataObject时));

这是我的主要js文件,app.js:

var express = require('express' );
var app = express();
var bodyParser  = require('body-parser');

app.use(express.static(__dirname+ '/client'));
app.use(bodyParser.json());
var Data = require('./models/data.js');

app.get('/', function(req,res){
    res.send("Please use /api/data");
});

app.get('/api/data',function(req, res){
    Data.getData(function(err, data){
        if (err){
            throw err;
        }
            res.json(data);
    });
});
app.listen(5000);
console.log('Connected');

这是我收到错误的data.js文件:

var dataObject = require("../jsondata/reduced_dataset.json");
function makeUL(array) {
    // Create the list element:
    var list = document.createElement('ul');

    for(var i = 0; i < array.length; i++) {
        // Create the list item:
        var item = document.createElement('li');

        // Set its contents:
        item.appendChild(document.createTextNode(array[i]));

        // Add it to the list:
        list.appendChild(item);
    }
    // Finally, return the constructed list:
    return list;
}
document.getElementById('update').appendChild(makeUL(dataObject));

我不明白为什么我收到此错误,因为我已在html页面中将其链接:

<html>
<head> 
    <title>Data Parsing</title> 
    <meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="main.css">
</head>
<body>
<div id = "update"> </div>

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="app.js"></script>
<script src ="./models/data.js"></script>
</body>
</html> 

0 个答案:

没有答案