Question

我有index.php我希望当用户点击按钮“点击”它重定向到“newpage.php”时，还有另一个页面“Click.php”加载到div“内容”在新加载的“newpage.php”中。同样地，我希望在单击“Click Also”时，用户可以将其重定向到同一页面“newpage.php”，但是将另一个页面“ClickAlso.php”加载到相同的div“content”中。

的index.php

<html>  
    <head>
      <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
      <script type="text/javascript">
        $(document).ready(function() {
          $(document).on('click', '.clickme', function() {
            window.location.replace("newpage.php");
          });

          $(document).on('click', '.clickmealso', function() {
            window.location.replace("newpage.php");
          });
        });
      </script>
    </head>

    <body>
      <div>
        <button class="clickme">Click</button>
        <button class="clickmealso">Click Also</button>
      </div>
    </body>    
</html>

newpage.php

<html>    
    <head>
      <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
      <script type="text/javascript">
        $(document).ready(function() {});
      </script>
    </head>

    <body>
      <div id="content">
      </div>
    </body>    
</html>

Answer 1

试试这个解决方案：

<强>的index.php

使用url params更改文档就绪事件以重定向到newpage.php。在本例中，我使用了名为＆＃39; page＆＃39;。

的参数

$(document).ready(function() {
    $(document).on('click', '.clickme', function() {
      window.location = ("newpage.php?page=click");
    });

    $(document).on('click', '.clickmealso', function() {
      window.location = ("newpage.php?page=clickAlso");
    });
});

<强> newpage.php

定义访问页面后会发生什么。这是事情变得有趣的地方。每次加载此页面（newpage.php）时，它都会查找参数＆＃39; page＆＃39;在URL中并提取其值。然后将参数的值分配给名为$pageToGet的变量I. 之后，我们会检查该值是否等于'click'或'clickAlso'，并使用require相应地显示内容。

<?php 
  $pageToGet = $_GET['page'];
?>
<html>    
    <head>
      <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    </head>

    <body>
      <div id="content">
        <?php 
            if ($pageToGet == 'click') {
                require('Click.php');
            } elseif($pageToGet == 'clickAlso') {
                require('ClickAlso.php');
            }
        ?>
      </div>
    </body>    
</html>

请确保在同一目录中包含您的文件： Click.php 和 ClickAlso.php 。

祝你好运

页面重定向并将文件加载到div

1 个答案: