页面已加载内容后，是否可以通过AJAX将内容加载到Handlebars模板中？

Question

我们正在重建一个为客户提供帐户仪表板的应用程序。

仪表板页面进行了许多Web服务调用以获取数据。在旧版应用中，我们将使用服务器端渲染来 使用我们在登录时获得的有关用户的任何信息来加载页面。然后，我们将进行AJAX调用以填写 这些东西需要大量额外的后端调用。这使用户可以立即查看一些信息，而无需 等待所有数据返回，然后再看到任何东西。

我们正在考虑在新应用中使用Handlebars。我知道可以填充车把 通过AJAX创建模板。

是否可以将页面加载后立即显示的内容与页面加载后通过AJAX加载的内容进行交错？

例如，给定这样的组件：

除了绿色部分，我希望组件的所有内容在页面加载时呈现。我想要的那部分 页面加载后通过AJAX加载。使用Handlebars可以轻松做到这一点吗？

谢谢！

Answer 1

您可以使用独角兽格式来执行所需的操作，例如堆栈溢出，例如：

您的HTML：

<table class="data-table" role="presentation">
  <tr role="rowgroup">
    <td role="gridcell">
      <strong>Name</strong>
    </td>
    <td role="gridcell">
      John Doe
    </td>
  </tr>
  <tr role="rowgroup">
    <td role="gridcell">
      <strong>Size</strong>
    </td>
    <td role="gridcell">
      XL
    </td>
  </tr>
  <tr role="rowgroup">
    <td role="gridcell">
      <strong>Color</strong>
    </td>
    <td role="gridcell">
      blue
    </td>
  </tr>
</table>

您的脚本：

    <div id="messageLoader">

    </div>
  </body>
  <script type="text/template" id="templateMessage">
    <h2>{title}</h2>
    <p>{message}</p>
    <br>
    <span><Strong>{sign}</strong><span>
  </script>

编辑：这是jsfiddle使用的ajax。

希望对您有帮助=）