php - 单击链接时如何在右侧打开一个php页面？

Question

我是 HTML 的新手。我希望在单击链接时执行一个功能，另一个 .php 页面显示在右侧。我不确定这是否与 AJAX 功能或 SCRIPT 有关。

点击这里： 这就是我想要的

点击这里： 这是示例

因此，每次我点击不同的标签时，右侧都会显示不同的 .php 页面。

这是代码的一部分。

  <li class="nav-header">MENAMBAH MAKLUMAT</li>
          <li><a href="#"></i>Resident</a></li>
          <li><a href="#"></i>Pentadbir</a></li>
          <li><a href="#"></i>Soalan-soalan lazim</a></li>
          <li><a href="#"></i>Annoucement</a></li>

我也有 resident.php 和 annoucement.php。我需要有关如何完成这项工作的指导。谢谢你。

Answer 1

我认为pjax是您正在寻找的。

它不仅可以异步处理加载页面片段（您在问题中提出的问题），您还可以获得pushState帮助，这意味着位置栏会在内容更改时更新。这有助于跟踪浏览器历史记录，以便当您的访问者点击后退按钮时，他们会去他们期望的地方。这也意味着他们也可以收藏或分享正确的页面。

Answer 2

这可以使用 AJAX 解决。

1. 用代码添加一个 ajax.php：

   <script type='text/javascript'>
   
   function ajax(page,div)
   {
   var xmlhttp;
   if (window.XMLHttpRequest)
     {// code for IE7+, Firefox, Chrome, Opera, Safari
     xmlhttp=new XMLHttpRequest();
     }
   else
     {// code for IE6, IE5
     xmlhttp=new ActiveXObject('Microsoft.XMLHTTP');
     }
   xmlhttp.onreadystatechange=function()
     {
     if (xmlhttp.readyState==4 && xmlhttp.status==200)
       {
       document.getElementById(div).innerHTML=xmlhttp.responseText;
       }
     }
   xmlhttp.open('GET',page);
   xmlhttp.send();
   }
   </script>
   
   "; ?>
   

2. 在您的 php 页面中包含 ajax.php。

3. 在您的 php 页面中定义一个divwith id="mydiv"，然后在链接上添加onClick="ajax('caripenghuni.php','mydiv2')"

例如， <li><a href="#" onClick="ajax('resident.php','mydiv2')">Resident</a></li>

Answer 3

试试这样。

<li class="nav-header">MENAMBAH MAKLUMAT</li>
          <li><a href="#" data-link="resident"></i>Resident</a></li>
          <li><a href="#" data-link="Pentadbir"></i>Pentadbir</a></li>
          <li><a href="#" data-link="Soalan"></i>Soalan-soalan lazim</a></li>
          <li><a href="#" data-link="Annoucement"></i>Annoucement</a></li>

jQuery

$(function(){
   $('li a').on('click',function(){

       var link =$(this).data('link');
       switch(link)
       {
       case 'resident':
       $('div').load('resident.php');
       //load resident.php(use load()for loading pages)
       break;
       ---
       ---
       }
   });

});

希望能帮助到你。