在HTML文件单页面应用程序中包含另一个HTML文件

时间:2013-11-18 05:06:15

标签: html5 knockout.js durandal single-page-application

我有一点要求,我想在durandal(单页面应用程序)中的productsearch.html中包含productresults.html文件。任何人都可以帮助我,我也尝试了以下方法。

<link rel="components" href="productResults.html">
<!--#include virtual="productSearch.html" --> 

谢谢,

3 个答案:

答案 0 :(得分:4)

使用jQuery的解决方案:

<html> 
  <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function(){
      $("#includedContent").load("productResults.html"); 
    });
    </script> 
  </head> 

  <body> 
     <div id="includedContent"></div>
  </body> 
</html>

希望这有帮助。

答案 1 :(得分:0)

感谢您的支持和信息。

最后,代码snippts在SPA中可以正常使用。

<!--ko compose: {view: 'nav'} -->
<!--/ko-->

答案 2 :(得分:-1)

您要做的是Server side include

您的网络服务器必须配置为支持它 - 听起来好像您的服务器不是吗?

您的网络服务器也可能要求该文件具有特殊后缀,例如“productSearch.shtml”。

您可以在此处查看更多详情: