Question

在以下代码中，我根据用户请求显示以下HTML文件。我还想访问我的app.js文件中的app.post（）函数中的clubname和类型datavalues。

<!DOCTYPE html>
<html>
<head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body>
<% include templates/adminheader.ejs %>
<h1>Respond to Club Requests</h1>

<form name="clubform" method="post">
    <% for (var i in clubreq){%>
        Club Name:<%= clubreq[i].clubname %><br><br>//I want to access this variable in my app.post() function
        Club Type:<%= clubreq[i].type %><br><br>
        <input type="submit" value="accept"/><br><br><hr>
    <%} %>
</form>

</body>
</html>

在 app.js 内。在这里，我根据用户请求呈现HTML文件

app.get('/clubreq', function(req, res, next){
        res.render('clubreq', {
            title: 'Club Requests',
            "clubreq" : docs
        });       
});
app.post('/clubreq', function(req, res, next){
    //I want to access clubname and type datavariables here and store it in my mongodb database
});

Answer 1

让我们从将信息输入表单开始吧。像这样编辑表单：

<form action="/clubreq" method="post">
    <% for (var i in clubreq){%>
        Club Name: <input type="text" name="clubname[]" value="<%= clubreq[i].clubname %>" /><br><br>
        Club Type: <input type="text" name="clubtype[]" value="<%= clubreq[i].type %>" /><br><br>
        <input type="submit" value="accept"/><br><br><hr>
    <%} %>
</form>

重点是添加action属性，指示提交表单的位置和添加输入以确保值并与表单一起传输。如果您不喜欢它的外观，可以将输入类型更改为隐藏，然后添加另一个类似于俱乐部名称和俱乐部类型之前的回音，供最终用户查看。

现在，您将了解如何访问表单数据服务器端，将以下所有其他中间件添加到顶部：

app.use(express.bodyParser());

接下来，您可以像这样访问方法中的帖子数据：

app.post('/clubreq', function(req, res, next){
   // req.body object has your form values
   console.log(req.body.clubname);
   console.log(req.body.clubtype);
});

希望有所帮助

如何在使用快递时访问表单中的ejs数据

1 个答案: