jquery - 部分的なページの更新と Jquery

Question

私は Web デザインを始めたばかりで、コードを最適に整理してレイアウトする方法について質問があります。

左側にツリー ビューがあり、ページの上部にナビゲーション メニューがあるメイン レイアウトを持つ Web アプリケーションを作成しています。メニューやツリーの雰囲気はあまり変わりません。

次に、ナビゲーション ツリーの右側とナビゲーション メニューの下に、メインの表示領域があります (適切な言葉がないため)。このコンテンツは非常にダイナミックです。

現時点では、Jquery の $.get 関数と .html を使用してバックエンド サーバーを呼び出しています。バックエンド サーバーは、渡されたパラメーターに基づいて、このメイン表示領域に配置する html を返します。

つまり、以下のようなものです。

(".getUser").click(function(){
$.get('/getUser'), {username: $(this).attr("id"), role: 'user'},
  function (data) {
        // put html into the section
        $("div#displaycontent").html(data);
    })
});

だから私の質問は

1) これは、メインの表示領域だけを更新するための受け入れ可能な方法ですか?

2) 更新された表示領域には、編集ボックスやボタンなどがある場合があります。これらは、他の jquery コードにバインドされます。その jquery コードは既にメインの HTML ページの下部に配置する必要がありますか、それとも .get 関数から返された「データ」にスクリプトを HTML の残りの部分と共に含める必要がありますか? 私の新しいHTML作品で「データ」の一部としてそれを返すことはできますが、それが悪い方法であるかどうかはわかりません。