javascript - 从表单中获取输入，从数据库中检索数据并显示输出

Question

我正在使用 nodejs、express 和 mongodb。我正在使用 cloud9 IDE

我想创建一个页面，其表单接受用户的输入，从数据库中搜索相应的数据并在同一页面上显示该数据(重新加载后)，如果数据不存在则显示特定的响应。

这就是我所做的-

路线-

app.get("/",function(req,res){
var asked = req.query.asked;
  Name.findOne({name:asked},function(err,foundAsked){
      if(err){console.log("ERROR!!!");}
      else{res.render("Landing.ejs",{foundAsked:foundAsked}); }
  });
 }); 

EJS 文件-

//Form takes name as input from the user

<form >
    <input type="text" name="asked" action="/" method="GET">
    <button class="button">Submit</button>
</form>



//If data is found last name is returned
<% if(foundAsked){ %>
    <h2 >  <%= foundAsked.Lastname %> </h2>
<% } %>


 //blank space stays there which is replaced by a response,if after 
   //submission nothing is found
<% if(!foundAsked){ %>
    <h5></h5> 
<% } %>

JS-

 $(".button").click(function(){

          $("h5").text("No data present");
 });

但问题是，如果没有找到数据，就会显示响应，但它只停留在页面重新加载之前的时间。我试着寻找答案，但我没有找到任何答案。请帮忙

Answer 1

你想显示的文字，只会出现在button之后被点击，一旦重新加载，你将不得不再次点击(点击将显示文本，并触发重新加载，因此文本将再次消失)。

您需要有另一个按钮(不会提交)来触发此消息。或者更确切地说，为什么最初不显示(将其内联，放在 <h5> 标签内)？

您需要区分“无数据”或“无查询”。您可以在后端执行此操作，类似于此:

app.get("/",function(req,res){
var asked = req.query.asked;
  Name.findOne({name:asked},function(err,foundAsked){
      if(err){console.log("ERROR!!!");}
      else{res.render("Landing.ejs",{foundAsked:foundAsked, asked: asked}); }
  });
 }); 

然后在Landing.ejs :

<% if(!foundAsked && asked){ %>
        <h5>No data present</h5> 
  <% } %>