javascript - 包含 PHP 页面并在单击链接时替换 div

Question

我试图在单击链接时用另一个 PHP 页面替换一个 div 的内容。

链接

echo '<a href="?control=1" name="control" id="controlpanellistt">Control Panel</a>';

If 语句检查链接是否被点击

 <?php 
/** Control panel link. */
    if(isset($_GET['control'])){
        $link=$_GET['control']; 
        if ($link == '1'){
           include('controlpanel.php');
        }
    }

分区

<div id="divContainer">
    <div id="div1">
    </div>
        <div id="div2">
        </div>
            <div id="div3">
            </div>
</div>

我正在寻找 divContainer 在单击控制链接时保存 controlpanel.php 内容，并且 div1 div2 和 div3 被“删除/隐藏”。

我可以让这两个功能单独工作，但不能同时工作。

代码当前显示页面内的内容，但不在 div 内/隐藏所述 div 的内容。

有什么想法吗？

Answer 1

继续您当前的风格，您可以简单地将您的条件修改为以下内容:

<?php
if ($link == '1') { 
  include('controlpanel.php'); 
} else { ?>
  <div id="divContainer">...</div>
<?php } ?>

或者，按照建议，您可以使用一些 JavaScript 在控制面板中热加载，同时隐藏您需要隐藏的 div。像这样的东西(jQuery):

function loadPanel() {
  $.ajax({
    url: 'controlpanel.php',
    method: GET,
    success: function(res) {
      $('#divContainer').html(res);
    }
  });
}

然后将其绑定(bind)到您的链接。