2014-11-01 73 views
0

我一直在使用快递JS \如何发送数组值到HTML页面中明确JS

的NodeJS
var express= require("express"); 
var path= require("path"); 
var app= express();  
app.use(express.static(__dirname)); 
var users=[ { userName: "faizan", password: "faizan", email: "[email protected]"}, 
      { userName: "ali",  password: "ali",  email: "[email protected]"}, 
      { userName: "hussain", password: "hussain", email: "[email protected]"}, 
      { userName: "hassan", password: "hassan", email: "[email protected]"}, 
]; 

app.get('/',function(request , response){ 
    response.sendFile(__dirname+ '/index.html'); 

}); 

app.get('/frmSignUp', function(request, response){ 
    users.push({ 
     userName: request.query["userName"], 
     password: request.query["password"], 
     email: request.query["email"] 
    }); 
    response.sendFile(__dirname+ '/dashboard.html'); 
    //how can i show my user array items in my dashboard html page?? Question1 

}); 

app.get('/frmSignIn',function(request, response) 
{ 
    if(users.contains(request.query["userName"])) //this is invalid 
// is there any way available to check userName in array that is this exists? 
    response.sendFile(__dirname+ '/dashboard.html'); 

}) 

var server =app.listen(3010, function(){ 
    console.log("server running on port "+ server.address().port); 
}) 

我在根目录下指数注册签到和Dashboard HTML页面这个简单的app.js。我有问题,在上面的代码中评论,请让我知道这些东西可能对我来说?

回答

0

回答您的问题:

  1. 使用模板。可能最简单的方法是使用现有的html来创建ejsnpm install ejs首先在您的项目根目录中)。例如:

    • app.js

      app.set('view engine', 'ejs'); 
      
      // ... 
      
      app.get('/frmSignUp', function(request, response) { 
          users.push({ 
          userName: request.query["userName"], 
          password: request.query["password"], 
          email: request.query["email"] 
          }); 
          response.render('dashboard.ejs', { users: users }); 
      }); 
      
    • dashboard.ejs

      <html> 
          <head> 
          <title>Dashboard</title> 
          </head> 
          <body> 
          <h1>Users</h1> 
          <ul> 
          <% users.forEach(function(user) { %> 
           <li><%= user.userName %></li> 
          <% }); %> 
          </ul> 
          </body> 
      </html> 
      
  2. 既然你有对象的数组,你正在检查针对userName串,你需要手动上厕所p在users阵列上并比较userName s。

+0

你能定义第一部分的答案吗! – 2014-11-01 15:40:07

+0

我已经用示例更新了我的答案。 – mscdex 2014-11-01 18:47:26

+0

非常感谢你,但一个修改要求是在根目录(命名视图)中创建一个文件夹并将dashboard.js放在那里 – 2014-11-02 05:38:34

相关问题