NodeJS：传递数组并在HTML页面上显示值

Question

NodeJS：传递数组并在HTML页面上显示值

4

我用mongoose编写了以下代码，用于从mongodb中读取值并将其存储在数组中：

app.get('/StudentQuestionsPage',function(req,res){
    var allQuestionsArray = studentQuestions.find();
    var questions = [];
    allQuestionsArray.exec(function(err,questions){
        if(err)
            return cosole.log(err);
        questions.forEach(function(question){       
            var elem = new Object();
            elem["id"] = question.id;
            elem["quesStatement"] = question.quesStatement;
            elem["optionA"]=question.optionA;
            elem["optionB"]=question.optionB;
            elem["optionC"]=question.optionC;
            elem["optionD"]=question.optionD;

            questions.push(elem);
            console.log(elem)
        });
    }); 
    res.render(__dirname + '/StudentQuestionsPage.html',{questions:questions});
});

我必须将这个问题数组传递给一个html文件，然后在HTML上显示内容。

我已经编写了下面的代码来显示HTML中的数组值，但它没有显示任何东西。"console.log(elem)"可以在控制台上打印值。

<html>
    <head>
        <title>Online Examination Portal</title>
        <h1>Questions</h1>
    </head> 
    <body>
        <div>   
        <form>
            <h2>Questions</h2>
                <ul>
                    <% questions.forEach(function(question) { %>
                    <li>Number: <%= question.id %> <br/> Text: <%= question.quesStatement %></li>
                    <% }); %>
                </ul>
        </form>
        </div>
    </body>
</html>

请告诉我如何从nodejs传递值并在html中检索和显示它。

- Abhinav

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- PaulShovan · Accepted Answer

首先，将您的questions数组重命名为allQuestions或其他名称，但不包括questions。您的.exec成功函数的参数名称与数组相同。因此，它将覆盖数组变量。

由于allQuestionsArray.exec是一个async函数，您应该从成功函数传递allQuestions数组。请按以下方式重写您的代码...

app.get('/StudentQuestionsPage',function(req,res){
var allQuestionsArray = studentQuestions.find();
var allQuestions = [];
allQuestionsArray.exec(function(err,questions){
    if(err)
        return console.log(err);
    questions.forEach(function(question){       
        var elem = new Object();
        elem["id"] = question.id;
        elem["quesStatement"] = question.quesStatement;
        elem["optionA"]=question.optionA;
        elem["optionB"]=question.optionB;
        elem["optionC"]=question.optionC;
        elem["optionD"]=question.optionD;

        allQuestions.push(elem);
        console.log(elem)
    });
    res.render(__dirname + '/StudentQuestionsPage.html',{questions:allQuestions});
  }); 
});