ページをリロードせずにExpress.jsのローカルルート変数を更新する

Question

私はexpress.jsフレームワークでnode.jsを使用し、テンプレートを処理するにはEJSを使用しています。ここで

は私のルートです：

app.get('/',function(req,res) { 
    res.render('index', { 
    matches: [], 
    status_message: '', 
    message: '' 
    }); 
}); 

私はapp.postを呼び出すと、私は変数'matches'と'status_message'を更新し、データベースにクエリを実行します。ページの再読み込みをせずに、これらの変数を更新するには

たとえば、ユーザーが無効な資格情報を提供している場合は、'status_message'を「無効な資格情報」に更新したいと思います。

Answer 1

AJAXを使用してください。

現代のブラウザでは、基本的にHTTPサーバーにHTTP要求を行うことができるXMLHttpRequestというクラスが実装されています。クライアントサイドのJavaScriptでXMLHttpRequestオブジェクトを作成し、これを使用してサーバにpostリクエストを実行します。同じXMLHTTPRequestオブジェクトを使用してサーバー応答をリッスンしてから、divの更新など、レスポンスに必要なものを実行します。

この質問にajaxというタグが付いていますので、あなたはすでにそれについて知っていると思いますが、あなたの質問には何も言及もしていませんでした。この種のオンラインの例は数多くあります。あなたが試すことができるhere。また、ネイティブのAJAXより使いやすいかもしれないjQuery.ajax()もあります。