NODE.JS和EXPRESS中的URL重定向处理程序

问题描述 投票:1回答:1

我试图使用重定向到指定URL的html表单使重定向功能工作

这是“数据库”(现在只是一个对象):

let urlDatabase = {
b2xVn2: "http://www.cbc.ca", //keyname just a randomly assigned number
"9sm5xK": "http://www.google.com"
};

这就是所谓的“数据库”传递给服务器的方式:

app.get("/urls", (req, res) => {
//template vars is passed to urls_index EJS file
let templateVars = { urls: urlDatabase };   
res.render("urls_index", templateVars); 
});

“urls_index”是视图文件....

和我的表格在视图ejs文件(名为“urls_index”:

     <% for (let index in urls) { %>
     <ul> <li> <%=  urls[index] + ": " + index %>   <br>  
     <form method ="POST" action="/u/<%= urls[index] %>"><button 
     type="submit" class="btn btn-outline-danger btn-sm">Click here to 
      redirect to your page</button></form>

     </li> </ul>
     <% } %>

我在Server文件中的处理程序:

app.get("/u/:id", (req, res) => {
let redirection = urlDatabase[req.params.id];
res.redirect(redirection);
});

单击表单时,它应重定向到相应的URL页面(例如,重定向到google.com)。

任何帮助表示赞赏,谢谢。

javascript node.js http express ejs
1个回答
1
投票

ejs使用可怕的javascript for循环,而不是像python中的for x in y循环。

这应该可以解决问题:

<% for (var i=0; i<urls.length; i++) { %>
<ul> <li> <%=  url[i] + ": " + i %>   <br>  
<form method ="GET" action="<%= '/u/' + url[i] %>">
<button class="btn btn-outline-danger btn-sm">Click here to redirect to your page</button> 
//buttons have a default type="submit" so no need to add that
</form>

 </li> </ul>
 <% }; %>

请注意,如果不需要数组索引,您也可以像这样使用for循环:

<% urls.forEach(function(url) { %>

//do something with url

<% }); %>
© www.soinside.com 2019 - 2024. All rights reserved.