如何使用 Javascript 包含/插入 HTML 文件答案

【问题标题】：how to include/insert HTML file using Javascript如何使用 Javascript 包含/插入 HTML 文件
【发布时间】：2016-08-21 11:43:41
【问题描述】：

使用 Wordpress，我的子主题文件夹中有 search-form.php 文件。

如何在 JavaScript 例程中从同一文件夹中的文件 404.php 插入它？

我尝试过使用：<script type="text/javascript" src="search-form.php"></script>，但这不会在我调用它的地方输出search-form.php 的内容。

帮助表示赞赏。

【问题讨论】：

使用或 AJAX
一个 php 文件不是 JavaScript，你不能像这样包含它。 iframe 很糟糕。一个适用于任何地方的解决方案是服务器端包含 (en.wikipedia.org/wiki/Server_Side_Includes)
你的整个术语都是错误的，这表明你对做你想做的事情的理解不够。我建议你先学习。
感谢您的帮助@Amit。

标签： javascript include

【解决方案1】：

您可以使用 php 包括：

<?php include "searchform.php";?>

这在服务器端运行，有利于加载速度。

或者你可以使用 iframe：

<iframe src="searchform.php">Old browser!!</iframe>

或者您可以使用 js/ajax 动态加载它：

<div id="show">loading...</div>
<script>
body.onload=function(){
 //see ajax tutorials
 document.getElementById("show").innerHTML=ajaxdata;
}
</script>

【讨论】：