如何在ejs中訪問我的節點數據

Question

我有一個從Nedb數據庫獲取數據的節點Web服務器。 我想將此數據傳遞給頁面上的某些ejs代碼，但節點死了，並告訴我所傳遞的JSON對象中沒有數據。 這是服務器代碼：

"use strict";

const DATA_HANDLER = require('./node/DataHandler');

class app {
     constructor() {
          this.ejsData = null;
          this.loadServer();
     }

     loadServer() {
          const HTTP = require('http'),
               EJS = require('ejs'),
               PORT = 1337,
               SERVER = HTTP.createServer((req, res) => {
                    let httpHandler = (err, str, contentType) => {
                         if (err) {
                              res.writeHead(500, { 'Content-Type': 'text/plain' });
                              res.end('An error has occurred: ' + err.message);
                         } else if (contentType.indexOf('image') >= 0) {
                              res.writeHead(200, { 'Content-Type': contentType });
                              res.end(str, 'binary');
                         } else {
                              res.writeHead(200, { 'Content-Type': contentType });
                              res.end(EJS.render(str, {
                                   data: this.ejsData,
                                   filename: 'index.ejs'
                              }));
                         }
                    };

                    if (req.method == 'POST') {
                         if (req.headers['x-requested-with'] === 'XMLHttpRequest') {
                              this.loadData(req, res, 0);
                         } else if (req.headers['x-requested-load'] === 'XMLHttpRequest1') {
                              this.loadData(req, res, 1);
                         } else {
                              console.log("[405] " + req.method + " to " + req.url);
                              res.writeHead(405, "Method not supported", { 'Content-Type': 'text/html' });
                              res.end('<html><head><title>405 - Method not supported</title></head><body><h1>Method not supported.</h1></body></html>');
                         }
                    } else if (req.url.indexOf('/javascripts/') >= 0) {
                         this.render(req.url.slice(1), 'application/ecmascript', httpHandler, 'utf-8');
                    } else if (req.url.indexOf('/css/') >= 0) {
                         this.render(req.url.slice(1), 'text/css', httpHandler, 'utf-8');
                    } else if (req.url.indexOf('/images/') >= 0) {
                         this.render(req.url.slice(1), 'image/jpeg', httpHandler, 'binary');
                    } else {
                         this.render('public/views/index.ejs', 'text/html', httpHandler, 'utf-8');
                    }
               }).listen(PORT, _ => console.log('-= Work Order Server Listening at http://127.0.0.1:' + PORT + ' =-'));
     }

     render(path, contentType, callback, encoding) {
          const FS = require('fs');
        FS.readFile(__dirname + '/' + path, encoding ? encoding : 'utf-8', (err, str) => { // ternary
            callback(err, str, contentType);
        });
     }

     loadData(req, res, whichAjax) {
          if (whichAjax === 1) {
               const FORMIDABLE = require('formidable');
               let formData = {};
               new FORMIDABLE.IncomingForm().parse(req).on('field', (field, name) => {
                    formData[field] = name;
               }).on('error', (err) => {
                    next(err);
               }).on('end', () => {
                    new DATA_HANDLER().queryData(formData);
               });
          }
          new DATA_HANDLER().loadData((docs) => {
               let jsonDocs = JSON.stringify(docs);
               res.writeHead(200, {'content-type': 'application/json'});
               res.end(jsonDocs);
               this.setEjsData(docs);
          });
     }

     setEjsData(docs) {
          this.ejsData = docs;
     }
}

module.exports = app;

這是我的ejs頁面：

<div class="row">
    <div class="small-12 columns">
        <table>
            <% if (data) { %>
                <% for (let i = 0; i < data.length; i++) { %>
                    <tr>
                        <td><%= data.building %></td>
                        <td><%= data.roomNumber %></td>
                        <td><%= data.problemDesc %></td>
                        <td><%= data.assigned %></td>
                        <td><%= data.status %></td>
                    </tr>
                <% } %>
            <% } %>
        </table>
    </div>
</div>

錯誤是data.length為null。 我添加了if（data）塊來停止錯誤。 我沒有使用任何框架（Express或Koa）。

Answer 1

嘗試使用ejsData代替ejs模板中的data

Answer 2

以下是上述問題中解決問題的代碼：

app.js

else if (contentType.indexOf('html') >= 0) {
     res.writeHead(200, { 'Content-Type': contentType });
     res.end(EJS.render(str, {
          data: this.ejsData,
          filename: 'index.ejs' }));
 }

ejs文件：

<% for (let i = 0; i < data.length; i++) { %>
     <tr>
          <td><%= data[i].date %></td>
          <td><%= data[i].building %></td>
          <td><%= data[i].roomNumber %></td>
          <td><%= data[i].problemDesc %></td>
          <td><%= data[i].assigned %></td>
          <td><%= data[i].status %></td>
     </tr>
<% } %>

如何在ejs中訪問我的節點數據

問題描述

2 個解決方案

解決方案1
1 2016-05-24 20:19:33

解決方案2
0 已采納 2016-05-25 14:45:31

如何在ejs中訪問我的節點數據

問題描述

2 個解決方案

解決方案1 1 2016-05-24 20:19:33

解決方案2 0 已采納 2016-05-25 14:45:31

解決方案1
1 2016-05-24 20:19:33

解決方案2
0 已采納 2016-05-25 14:45:31