特定のタブコンテンツでhtmlファイルをレンダリングする方法は？

Question

私は、データトグルの選択とブートストラップ - アヤックスの組み合わせを使用しています。

ジェイドコードも

block content 
    .container 
    ul.nav.nav-tabs.tabs-up 
     li.active 
     a(href= '#domains', id='domains_tab', data-toggle='tab', rel='tooltip') Domains 
     li 
     a(href= '#adddomain', id='adddomain_tab', data-toggle='tab', rel='tooltip') Add Domain 
     li 
     a(href= '#adduser', id='adduser_tab', data-toggle='tab', rel='tooltip') Add User 

#domains.tab-pane.active.fade.in 
#adddomain.tab-pane.fade 
#adduser.tab-pane.fade 

は今急行で、私はレンダリングする（またはそれが可能である場合、レンダリングなし）特定のタブ・コンテンツに、このHTMLを。 EXのために 、

res.render('dashboard#adddomain'); 

I'dontは、私が何をする必要があるか方法を知っているが、これを達成するための方法はありますか？ おかげ

Answer 1

これはこれはsomethink、AJAXを使用可能にし、手動でコンテンツをレンダリングすることができます...

ノード機能：

app.get('/domains', function(req, res){ 
    res.send({text: 'Here are many domains'}); 
}); 

のJavascript機能：各タブで

$('a[data-toggle="tab"]').on('shown', function (e) { 
    $.ajax({ 
      type: 'GET', 
      cache: false, 
      contentType: 'application/json', 
      url: '/domains', 
      success: function (domains){ 
       $('#label').empty(); 
       $('#label').append(domains); // HERE A LABEL IS UPDATE THROUGH RETURNS NODE.JS ('Here are many domains'); 
      } 
     }); 
}); 

選択を行うと、チェックjqueryを配置し、ノードにjquery ajaxをリクエストして、戻り値を取得してコンポーネントの内容を更新することができます（label、div、table 、...）;