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

尝试这样。

<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;
       ---
       ---
       }
   });

});

希望它有所帮助。

Answer 3

这可以使用AJAX解决。

使用以下代码添加一个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>

"; ?>

在您的php页面中包含ajax.php。
在您的php页面中定义div id="mydiv"，然后在链接上添加onClick="ajax('caripenghuni.php','mydiv2')"

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

点击链接后如何在右侧打开php页面？

3 个答案: