frontend expressjsにデータを送信

Question

私はNodejs、expressjs、sqlite3を使用しています。私はexpressjsを使用してデータベースとルートからの私のデータを取得するために管理している

、これは今、私が送って/私は、フロントエンドで抽出したデータを使用するすべての

server.jsという名前のjsファイルです。

グローバル変数を使用しようとしましたが、そのグローバル変数を他のjsファイルで使用しようとしましたが、動作しませんでした。いくつかの調査の後で、私はAJAXがほとんどの時間を参照しています。バックエンドからフロントエンドにデータを送信するためにAJAXを使用する必要がありますか？

アイデアは、ユーザーが選択した製品に基づいてフロントエンドを更新することです。私はサーバーjsで製品データを取得しますが、フロントエンドに送信してテーブルを埋める方法と、データベースのデータに基づいて製品の名前を変更する方法はわかりません。

また、グローバル変数で自分のデータを保存/使用することを続行する必要がありますか？おかげさまで

Answer 1

RESTful APIを作成して、必要な処理を行う必要があります。つまり、AJAXを使用しなければならず、グローバル変数で作業することはできません。

Answer 2

AJAXは、完全なページの再読み込みをトリガーすることなく、バックエンドからデータを要求する優れた方法です。しかし、それはあなたのように聞こえない複雑さのレイヤーを追加します。エクスプレスを使用しているので、templating engineにアクセスできます。

エクスプレス応答オブジェクトには、使用するテンプレートとテンプレートに送信するデータを指定するrenderメソッドがあります。いくつかの疑似コード：

// server.js 
app.get('someroute',(req,res,next)=>{ 
    //get data from DB, returns promise 
    return db.getData().then((data)=>{ 
     return res.render('myTableTemplate',data); 
    }); 
}); 

テンプレートファイルでは、JSONデータをテーブルに適切に入力します。

あなたは答えをres.render(...)と単にres.json(data)