如何在快速js中将数组值发送到html页面

Question

我有使用快递JS \\ NODEJS的这个简单的app.js

var express= require("express");
var path= require("path");
var app= express();    
app.use(express.static(__dirname));
var users=[ {   userName: "faizan",  password: "faizan",  email: "mfkj@live.com"},
            {   userName: "ali",     password: "ali",     email: "xyz@live.com"},
            {   userName: "hussain", password: "hussain", email: "abc@live.com"},
            {   userName: "hassan",  password: "hassan",  email: "xyz@mail.com"},
];

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);
})

我在根目录中有索引SignUp SignIn和Dashboard HTML页面 。 我在上面的代码中有评论的问题，请让我知道我可以做这些事情吗？

Answer 1

要回答您的问题：

使用模板。 可能来自现有html的最简单方法是使用ejs （ npm install ejs首先在项目根目录中npm 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>

由于您有一个对象数组，并且要根据userName字符串进行检查，因此需要手动循环users数组并比较userName 。

如何在快速js中将数组值发送到html页面

问题描述

1 个解决方案

解决方案1
0 已采纳 2014-11-01 14:58:33

如何在快速js中将数组值发送到html页面

问题描述

1 个解决方案

解决方案1 0 已采纳 2014-11-01 14:58:33

解决方案1
0 已采纳 2014-11-01 14:58:33