通过 js 包含带有 html 的 php 文件答案

【问题标题】：Include php file with html via js include通过 js 包含带有 html 的 php 文件
【发布时间】：2013-05-17 22:48:32
【问题描述】：

好的，所以我的任务是与这个显示电影时间的第三方供应商合作。我们有机会对我们的网站进行联合品牌化，因此为了做到这一点，我们需要为我们的网站创建一个包装器，以便电影时间可以显示在包装器内，使其看起来仍然像您在我们网站上的样子。一种选择是通过 js 外部文件包含页眉和页脚，这样我们就可以在我们这边进行更改，并且更新将显示在他们这边，所以我们每次更新时都不必向他们发送新的页眉/页脚到包装器。他们建议我们这样做：

<script src="http://oursite.com/header.php"></script>
<script src="http://oursite.com/footer.php"></script>

所以我在我们这边托管了 header.php 中的原始 html，然后在其他任何内容之前将其添加到标题中：

<?php header("Content-type: text/javascript"); ?>

但是当页面加载时我得到这个错误：

SyntaxError: syntax error

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" xml

我假设 js 文件中的原始 html 代码存在问题？如果是这样的话，这附近还有吗？

【问题讨论】：

摆脱 HTML。 JavaScript 文件用于 JavaScript。
我觉得没必要用header('')。
无法完全理解您在做什么，他们的网站链接到您控制的脚本，该脚本会修改他们的网站以使其看起来像您的网站？听起来有点吓人。
@Blender 是您真正想要的吗？
@imsiso：我不太确定你在这里想说什么。

标签： php javascript html include wrapper

【解决方案1】：

您应该添加一个指向正确的javascript 的链接，以便将所需的 html 推送到页面。

<script src="http://oursite.com/[somejsfile].js"></script>

您可以从this answer 获得有关如何使用 javascript 插入 html 元素的帮助

【讨论】：

不需要，如果内容具有文本/javascript 或类似的 MIME 类型，它将运行，在这种情况下扩展没有任何意义
是的，它会工作，但它应该包含 javascript 代码而不是 html。

【解决方案2】：

如果你打算使用 javascript 调用外部文件，你需要使用 ajax。那么问题就在于您正在考虑您的网站，而当您的域不匹配时就无法做到这一点。

如果您以包含的方式执行此操作，则必须在 javascript 变量中声明 html，然后在加载时将数据推送到需要去的地方。

 var html = '<html> YOUR CODE WATCH OUT FOR SINGLE QUOTES </html>';
 //check for load with jquery
 $(document).ready(function(){
   $('#header").html(html);
 })

【讨论】：

但我认为这是不正确的。因为xhtml.（你有多个html标签）。
您可以将内容存储在一个变量中，然后合作伙伴可以获取该变量的值并将其注入他们的站点