JavaScript 替代 PHP 包括


javascript alternative to php include

JavaScript 等

效于 PHP 的 include(file.html) 而不需要像 $("#div").load("file.html"); 一样将其放置在div 中?我想摆脱使用 PHP,并了解如何在 Javascript 中执行此操作,而无需使用div 占位符,只需将其加载到 Web 代码中以与引导模式或按钮等一起使用。

在这种情况下

,php 充当预处理器 - 它看到包含行,获取 html,然后就地删除文件的内容。Javascript不能以同样的方式做到这一点,因为它只存在于浏览器上。

您有一些选择

  1. 您是否向将返回 html 的资源发出 http 请求,然后将该 html 字符串呈现到某个位置(某种 html id 标记)

  2. 使用不同的预处理器。有负载,这取决于您使用的运行时。NodeJS?红宝石?去?爪哇岛?蟒?它们都使用不同的东西 - 但它们会为你想要在 html 文件中使用的指令提供一对一的替代方案。这是一篇很棒的文章,概述了许多不同的选项: https://css-tricks.com/the-simplest-ways-to-handle-html-includes/

当然,当您想从 js 加载资源时(如果可能并且不要尝试访问触发跨域源问题的资源),您可以使用 AJAX

使用 jQuery 的简单实现:

$.get('file.html', function(file) {
  console.dir(file);
});