Question

我正在使用bootstrap-ajax组合和数据切换选择。

Jade Code

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

现在使用express，我想渲染（或者如果可能的话，不渲染）这个带有特定标签内容的html。例如，

res.render('dashboard#adddomain');

我不知道我需要做什么，但有没有办法实现这一目标？感谢

Answer 1

这可以使用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');
          }
         });
});

在每个选项卡选择中，您可以放置一个check jquery并通过jquery ajax对节点执行请求，获取返回并更新组件的内容（label，div，table，...）;

如何使用特定的选项卡内容呈现html文件？

1 个答案: