html - experss.jsを使用してHTMLを動的に変更する

Question

ExpressMVCのアイデアが正しいかどうかはわかりません。

シングルページアプリを作成してHTMLを動的に変更したい場合、エクスプレスで役立つものはありますか？または、変更したい場合はフロントエンドJavaScriptを使用する必要がある静的ページを取得しますか？

具体的には、HTML（またはJade）テンプレートは、フロントエンドにあるHTMLを何らかの方法で変更できますか？

Answer 1

シングルページアプリを作成してHTMLを動的に変更したい場合、エクスプレスで役立つものはありますか？

はい。

または、変更したい場合はフロントエンドJavaScriptを使用する必要がある静的ページを取得しますか？

はい。ページ全体を更新したくない場合は、フロントエンドでJavaScriptを使用してページを変更する必要があります。

具体的には、HTML（またはJade）テンプレートは、フロントエンドにあるHTMLを何らかの方法で変更できますか？

通常、Express.jsで使用するHTML（またはJade）テンプレートは、ページの初期バージョンを生成します。

ユーザーがブラウザのページを操作すると（たとえば、ユーザーがリンクをクリックするか、ドロップダウンリストから何かを選択すると）、クライアント側のコードがAjaxリクエストをサーバーに送信し、Express.jsがこのリクエストを処理してJSONを返します。 （HTMLではなく）クライアントに戻ると、フロントエンドJavaScriptがクライアントに一部のデータを再入力します。ただし、この時点では、サーバーからこれ以上HTMLを生成することはないことに注意してください。

Express.jsはこれらのリクエストに対してJSONではなくHTMLを返す可能性がありますが、それは非常に迅速になるため、シングルページアプリを作成するほとんどの人はJSONをクライアントに返し、クライアント側のJavaScriptを使用して更新が必要なDOM要素を再入力することを選択しました。