、フォームからの入力を取るデータベースからデータを取得し、nodejsでの作業出力

Question

イム、cloud9 IDE

に取り組んで急行とmongodb.Andイムを示す私は、ユーザからの入力を取る形でページを作成したいです、データベースから対応するデータを検索し、そのデータを同じページ（リロード後）に表示し、データが存在しない場合に特定の応答を表示する。

これは私が

Route-

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"); 
}); 

をファイル - している。しかし、問題があれば、ということは何かということですデータが見つかりませんでした。 eが表示されますが、ページがリロードされる前の時間だけ保持されます。 私は答えを探してみましたが、何も見つかりませんでした。助けてください。

Answer 1

あなたが表示したいテキストはbuttonがクリックされた後に表示され、一度リロードすると再びクリックする必要がありますテキストが表示され、リロードがトリガーされるので、テキストは再び消えます）。

このメッセージを表示するには、別のボタン（送信しません）が必要です。または、なぜ、最初に表示しないのですか（これをインラインで、<h5>タグ内に入れてください）？

'no-data'と 'no-query'を区別する必要があります。 あなたはバックエンドでそれを行うことができ、これに似た何か：Landing.ejsで

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}); } 
    }); 
}); 

そして：

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