如何使用Ajax

Question

有我的切換用戶HTML代碼在我的PHP網站

<div class="nav"> 
    <ul onChange="showUser(this.value)"> 
     <li class="active"> 
      <div class="fix"> 
       <span class="ico"><img src="image/ico7.png"></span> 
       <span class="value">manager</span> 
      </div> 
      <ul> 
       <li><a href="chengePass.php">chenge pass </a></li> 
       <li><a href="search.php">search</a></li> 
       <li><a href="distroy.php">exit</a></li> 
      </ul> 
     </li> 

     <li class="active"> 
      <div class="fix"> 
       <span class="ico"><img src="image/ico3.png"></span> 
       <span class="value">show user</span> 
      </div> 

     </li> 
    </ul> 
</div> 

它的工作好一些網頁，但我想了解我如何使用Ajax代碼頁之間的轉換頁之間變換，通過點擊從頁面b調用的列表項目代碼並顯示在頁面a中。所以它會比HTML代碼更快 我該怎麼做？

Answer 1

您可以使用jQuery的.load功能加載page在div這樣

function LoadPage(url){ 
$('#yourMainDiv').load(url, function (response, status, xhr) { 
//you can put you logic here 
}); 
} 

這裏url將要在div加載url of page。

你會這樣稱呼它

LoadPage('chengePass.php'); 

Answer 2

或者你可以不喜歡說，在第一個答案，但添加href="#" onclick="LoadPage('chengePass.php');return false;"

<a href="#" onclick="LoadPage('chengePass.php');return false;">link</a> 

或

<li onclick="LoadPage('chengePass.php');return false;">link</li>