我正在尝试从用户获取输入并将它们发送到他们键入的URL。
通过与url = "http://localhost:3000/"+"/:userInput">
连接首先,我尝试从用户获取输入,并使用DOM方法创建了一个链接
<script>
function myFunction() {
var x = document.getElementById("newLis").value;
document.getElementById("btn").href ='/' + x;
console.dir(x);
}
</script>
并尝试将其附加到链接href,但不工作。
第二,我尝试通过post route访问输入值并尝试直接发送
app.get("/:pathName",(req,res)=>{
const pathName = _.capitalize(req.params.pathName);
//console.log(Array.isArray(pathName));
List.findOne({name : pathName}, (error, results)=>{
if (!error){
if(!results){
//prompt("Hello! I am an alert box!");
const list = new List({
name : pathName,
items : def
})
list.save();
List.aggregate();
res.redirect('/' + pathName);
}else {
res.render("list", {listTitle: results.name, newListItems: results.items});
}
}
});
});
但是我不知道它是怎么工作的。
id of "然后为id为"btn"的元素设置href属性。对用户输入的值使用"/"附加到开头
在post请求中获取用户使用req.body.name
键入的URL的值。连接字符串以获得完整路径,然后将用户重定向到路径
app.post("/yourpath",(req,res)=>
{
const path= "/"+req.body.name;
res.redirect("path");
}
这里的name是输入标签中name属性的值。