使用 JS 更改 HTML 页面中的 PHP 包含答案

【问题标题】：Change PHP include in HTML Page with JS使用 JS 更改 HTML 页面中的 PHP 包含
【发布时间】：2019-10-27 21:09:10
【问题描述】：

我正在尝试在按下按钮时使用 JS 函数更改带有“panel_alumno”id 的 div 的内容，以便显示不同的表格，但我无法使其工作。当按下按钮时，没有任何反应。

这是我的脚本：

  <script>
   function insertarTablaSolicitudes(){
    document.getElementById('panel_alumno').innerHTML = '<?php include ("tabla_solicitudes_alumno.php") ?>';
   }

   function insertarFormatoSolicitud(){
    document.getElementById('panel_alumno').innerHTML = '<?php include ("formato_solicitud.html") ?>';
   }

这是我的 html 正文：

<body>

<ul>
  <li><a type="button" onclick="cambiarPagina()">Mis solicitudes</a></li>
  <li><a type="button" onclick="insertarFormatoSolicitud()">Enviar Solicitud</a></li>
  <li><a href="cerrar_sesion.php">Salir</a></li>
</ul>

</br></br>

<div id="panel_alumno">

  <?php include ("tabla_solicitudes_alumno.php") ?>

</div>

</body>

我尝试了不同的方法来做到这一点，但都没有奏效。如果有人知道实现这一目标的更好方法，我会很高兴阅读它。提前致谢。

【问题讨论】：

include ("formato_solicitud.html")
您好，如果您在浏览器中“查看源代码”，这可能都有意义。也许formato_solicitud.html 中可能有一些单引号或其他内容。此外，如果您查看开发人员工具并查看控制台，如果存在引用问题，您可能会看到一些 javascript 错误。
这是一个 HTML，里面只有一个表单和一个表格。
insertarTablaSolicitudes() 你在哪里打电话？您是在网络服务器上运行它还是在您自己的计算机上以file:/// 的形式运行它？这个问题不清楚，而且还会有更多的问题被问到，可能太多了。
一个快速的尝试是将formato_solicitud.html 的内容替换为test - 你应该会看到test 出现在开发中，然后你就会知道内容搞砸了javascript

标签： javascript php html menu innerhtml

【解决方案1】：

找到了解决方案，我刚刚检查了浏览器控制台，似乎问题在于 JS 脚本中的 PHP 代码，所以我将其更改为使用 JS 而不是 PHP。以下是按预期工作的新功能。

<script>
$(function(){ <!--This one puts the default insert when the page is loaded-->
  $("#panel_alumno").load("tabla_solicitudes_alumno.php");
});

function insertarTablaSolicitudes(){
  $("#panel_alumno").load("tabla_solicitudes_alumno.php");
};

function insertarFormatoSolicitud(){
  $("#panel_alumno").load("formato_solicitud.html");
};
</script>

这是我的 HTML 正文：

<body>

<ul>
  <li><a type="button" onclick="insertarTablaSolicitudes()">Mis solicitudes</a></li>
  <li><a type="button" onclick="insertarFormatoSolicitud()">Enviar Solicitud</a></li>
  <li><a href="cerrar_sesion.php">Salir</a></li>
</ul>

<div id="panel_alumno">

</div>

</body>

【讨论】：