我该如何展示&我的HTML(通过节点JS / Express)页面中的样式JSON数据

时间:2016-04-28 20:01:55

标签: javascript json node.js

慢慢失去理智。希望有人可以提供帮助:)

我想:

  1. 拉我的JSON数据

  2. 在我的javascript

  3. 中链接到它
  4. 在我的索引html页面上以半合适的方式显示它。

  5. 我创建了一个模型 - 我的问题是:

    如果我运行它 - 它不会将HTML更改为JSON数据。任何一个。所以我没有希望然后进一步钻研它,比如说,“彼得” - 我错过了一步吗?有没有理由我无法将getElementByID元素更改为JSON数据?

    如果我只想设置/显示JSON中包含的信息,从API中获取 - 最好如何做到这一点?

    HTML
    <head>
       <script type="text/javascript" src="main.js"></script>
    </head>
    <body>
       <p id="pastehere" onclick="jsonFunction ()"></p>
    </body>
    
    JS (using node)
    var express = require('express');
    var express = require('express');
    var app = express();
    var data = require('data.json');
    
    app.get('/', function(req, res){
    res.sendfile('index.html');
    });
    
    app.listen(3000);
    
    function jsonfunction () {
    document.getElementByID("pastehere").innerHTML = data;
    }
    

    JSON

    {
    "person": [
       {
           "firstName": "Clark",
           "lastName": "Kent",
           "job": "Reporter",
           "roll": 20
       },
       {
           "firstName": "Bruce",
           "lastName": "Wayne",
           "job": "Playboy",
           "roll": 30
       },
       {
           "firstName": "Peter",
           "lastName": "Parker",
           "job": "Photographer",
           "roll": 40
       }
       ]
    }
    

1 个答案:

答案 0 :(得分:0)