在node.js中解析JSON并在jade中显示

Question

I am trying to parse the json and display the response in a table format in jade. Request your help in parsing the json and displaying the key and value as two columns.

Node.js

exports.postMQinput = function(req, res) {
  req.assert('name', 'Queue name field cannot be blank').notEmpty();
  var errors = req.validationErrors();

  if (errors) {
    req.flash('errors', errors);
    return res.redirect('/');
  }

  var options = {
    url: 'URL goes here',
    method: 'POST',
    headers: {
      'Content-Type': 'application/json'
    },
    body: JSON.stringify("my body input comes here")
  }

  request(options, function (error, response, body) {
    if (!error && response.statusCode == 200) {            
      res.render('Views/Details', {
        title: 'QUEUE',
        name: 'Welcome',
        result: body
      });
    } else {
      console.log(response.statusCode);
      req.flash('errors', { msg: 'Error during select. Retrying...' });
    }
  })
};

My response looks like this.

{
  "Response": {
    "data": {
      "length": 123,
      "status": "OPEN"
    }
  }
}

Jade :

extends ../layout

block content
  .page-header
     h3 MESSAGE QUEUE DETAILS

    table
      thead
    tbody
     table.table.table-striped.table-bordered.table-hover.table-condensed
       tr
        th Value
        th Attribute


      each key, ind in result

        td= "LENGTH"
        td= key.length
        tr

I want table something like this

Length 123

Status Open

Answer 1

Where the body comes from? Maybe you should run JSON.parse on it?

res.render('Views/Details', {
        title: 'QUEUE',
        name: 'Welcome',
        result: JSON.parse(body)
});

Answer 2

You are using in a wrong way the iteration to build the HTML from Jade template, I made this example to show you how to use it in case you got an array of values.

extends layout

block content
  .page-header
     h3 MESSAGE QUEUE DETAILS

     table.table.table-striped.table-bordered.table-hover.table-condensed
      thead
        tr
          th Value
          th Attribute
      tbody
        for res in result
          for obj in Object.keys(res)
            tr
              td= res[obj]
              td= obj

Just in case that you are having a problem with the way you are sending the JSON, take a look to this example:

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

// parse application/x-www-form-urlencoded
app.use(bodyParser.urlencoded({ extended: false }))

// parse application/json
app.use(bodyParser.json())

// view engine setup
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'jade');

app.get('/', function(req, res){
    return http.get({
        host: 'localhost',
        path: '/json'
    }, function(response) {
        // Continuously update stream with data
        var body = '';
        response.on('data', function(d) {
            body += d;
        });
        response.on('end', function() {
            // Data reception is done, do whatever with it!
            var parsed = JSON.parse(body);
            console.log(parsed);
            res.render("index", {result: parsed});
        });
    });

});

app.get('/json', function(req, res){
  var data = [ {
      "length": 123,
      "status": "OPEN"
    },{
    "length": 145,
      "status": "CLOSE"
    }
  ]

  res.json(data);

});

app.listen(80);

module.exports = app;