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

Posted

技术标签:

【中文标题】在 HTML 文件中包含另一个 HTML 文件 单页应用程序【英文标题】:Include another HTML file in a HTML file Single Page Application 【发布时间】:2013-12-01 04:06:30 【问题描述】:

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

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

谢谢, 湿婆

【问题讨论】:

你想要做的是Server side include。您的网络服务器必须配置为支持它 - 听起来您的服务器可能不支持? 【参考方案1】:

使用 jQuery 的解决方案:

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

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

希望这会有所帮助。

【讨论】:

【参考方案2】:

感谢您的支持和信息。

最后,代码片段在 SPA 中对我来说可以正常工作。

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

【讨论】:

【参考方案3】:

你想要做的是Server side include。

您的网络服务器必须配置为支持它 - 听起来您的服务器可能不支持?

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

您可以在这里查看更多详细信息:

http://***.com/questions/13612391/enabling-ssi-on-iis

http://blogs.msdn.com/b/robert_mcmurray/archive/2010/12/28/iis-notes-on-server-side-includes-ssi-syntax-kb-203064-revisited.aspx

http://httpd.apache.org/docs/2.2/howto/ssi.html

【讨论】:

以上是关于在 HTML 文件中包含另一个 HTML 文件 单页应用程序的主要内容,如果未能解决你的问题,请参考以下文章

Tomcat 在 web.xml 中包含另一个 xml 文件

如何在我的 cmake 项目中包含另一个 cmake 项目的头文件?

javaweb笔记六

在 php codeigniter 中包含另一个页面时,父页面未加载

如何在 Grails 中搜索集合中包含另一个元素的元素?

模板中包含另一个 var 内容的动态 var 名称