PHP 在模态中加载数据

Question

我需要使用发送到模态窗口的 ID 从数据库表加载数据。

基本上，当网格加载时，有多个列。特别是两个称为 CONTAINER_ID 和 WORKFLOW。

无论 WORKFLOW 返回什么，都将是一个打开名为 #mySVCModal 的 MODAL 弹出窗口的链接。这是示例代码:

 while(($Row = mysql_fetch_assoc($QueryResult)) !== FALSE)
 {
   echo "<tr";
   echo "<td style=\"width: 50px;\">{$Row[CONTAINER_ID]}</td>";
   echo "<td style=\"width: 50px;\"><a class=\"open-container\" 
             data-toggle=\"modal\" href="#mySVCModal\" 
             data-cont=\"{$Row[CONTAINER_ID]}\">{$Row[WORKFLOW]}</a></td>";
   echo "</tr>";
 }

当用户点击 {$Row[WORKFLOW]} 时，将打开一个模式窗口，其中包含同一行的 CONTAINER_ID。

这是实现这一点的 JavaScript:

 echo "<script type=\"text/javascript\">
          $(document).on(\"click\", \".open-Container\", function() {
          var myContainer = $(this).data('cont');
          $(\".modal-body #containerID\").val( myContainer );
          });
       </script>";

此时，模式窗口已打开，我可以显示 CONTAINER_ID。以下是显示 CONTAINER_ID 的代码:

 <div id="mySVCModal">
   <form action="" method="POST">
     <input type="text" name="containerID" id="containerID" class="containerID" />
   *** more code here ***
   </form>
 </div>

所以没问题。 CONTAINER_ID 显示在名为“containerID”的输入字段中。

我现在需要做的是，当模式窗口打开时，“containerID”被发送到一个 PHP 变量，该变量将从名为 WORKFLOW_TABLE 的数据库表中检索 WORKFLOW 信息。

当我尝试将containerID转换为PHP变量并回显它时，没有显示任何内容:

 <?php
 $containerID = $_POST['containerID'];
 echo "this is containerID " . $containerID;  // only displays the text, not the $containerID
 ?>

我知道，一旦我可以直接获取上面的代码以在 ECHO 中显示容器 ID，我就可以对其运行查询。

所以基本上，我需要做的是当模式窗口打开时，PHP 将获取 containerID 并运行“SELECT * FROM WORKFLOW_TABLE where CONTAINER_ID = 'containerID' ”;

WORKFLOW_TABLE 中的内容应自动显示在各个 INPUT 字段中。我现在只使用输入字段。这不是重点。

总而言之，我需要打开模态框，并使用容器 ID 显示 WORKFLOW_TABLE 中的内容。

我希望我的措辞清楚。

请帮忙。

Answer 1

听起来您需要 AJAX 查询。

<script>
function loadData()
{
  var xmlhttp;
  if (window.XMLHttpRequest)
  {
    xmlhttp = new XMLHttpRequest();
  }
  else
  {
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange = function()
  {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
    {
      document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
    }
  }
  xmlhttp.open("GET", "db_query.php?containerID = " + document.getElementById('containerID').getAttribute('value'), true);
  xmlhttp.send();
}
window.onload = loadData;
</script>

<div id="myDiv"></div>

对于任何可能的缺陷，提前表示歉意，我实际上并没有运行这个。