使用 JS 更改 PHP 包含在 HTML 页面中

Question

我正在尝试在按下按钮时使用 JS function 更改具有“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>

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

Answer 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>

使用 JS 更改 PHP 包含在 HTML 页面中

问题描述

1 个解决方案

解决方案1
1 2019-10-27 22:06:57

使用 JS 更改 PHP 包含在 HTML 页面中

问题描述

1 个解决方案

解决方案1 1 2019-10-27 22:06:57

解决方案1
1 2019-10-27 22:06:57