Question

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

的document.getElementById（＆＃39;更新＆＃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>

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

0 个答案: