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 も持っています。これを機能させる方法についてのガイダンスが必要です。ありがとうございました。

score 1 · Accepted Answer

pjaxはあなたが探しているものだと思います。

ページフラグメントの読み込みを非同期に処理するだけでなく (質問で尋ねていること)、pushStateコンテンツが変更されたときにロケーションバーが更新されるというヘルプも得られます。これはブラウザの履歴を追跡するのに役立ち、訪問者が戻るボタンを押したときに期待する場所に移動します。また、適切なページをブックマークしたり共有したりできることも意味します。

score 0 · Accepted Answer

これは、AJAX を使用して解決できます。

次のコードで ajax.php を 1 つ追加します。

<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 を含めます。
divPHP ページでwithを定義しid="mydiv"てから、リンクに追加します。onClick="ajax('caripenghuni.php','mydiv2')"

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

score 0 · Accepted Answer

このようにしてみてください。

<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>

Jクエリ

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

});

それが役に立てば幸い。

php - リンクをクリックしたときに右側に PHP ページを開くにはどうすればよいですか?

3 に答える 3

Related

Reference