使用JQuery Ajax將靜態html頁面加載到div標記

Question

我得到了這個工作，但我需要一個默認頁面顯示，然後再選擇一個，我該如何做？也有可能隱藏頁面文件？所以當你查看源代碼時它不會顯示。

<script src="http://code.jquery.com/jquery-1.4.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
     $(document).ready(function(){ 
      $("#page1").click(function(){ 
      $('#result').load('latestmembers.php'); 
      //alert("Thanks for visiting!"); 
      }); 

      $("#page2").click(function(){ 
      $('#result').load('Females.php'); 
      //alert("Thanks for visiting!"); 
      }); 
     }); 
    </script> 

<ul> 
    <li><a id="page1" href="#">Latest Members</a></li> 
    <li><a id="page2" href="#">female members</a></li> 
</ul> 
<div id="result" style="clear:both;"> 
</div> 

默認會在加載時加載，然後您可以選擇只查看最新成員或女性會員。

Answer 1

$(document).ready(function(){ 
     $('#result').load('latestmembers.php'); // default page 
     $("#page1").click(function(){ 
     $('#result').load('latestmembers.php'); 
     //alert("Thanks for visiting!"); 
     }); 

     $("#page2").click(function(){ 
     $('#result').load('Females.php'); 
     //alert("Thanks for visiting!"); 
     }); 
    }); 

JavaScript是客戶端代碼，您不能從源代碼中隱藏任何東西。

Answer 2

Fitst問題：默認頁面

$(document).ready(function(){ 
     $("#page1").click(function(){ 
     $('#result').load('latestmembers.php'); 
     //alert("Thanks for visiting!"); 
     }); 

     $("#page2").click(function(){ 
     $('#result').load('Females.php'); 
     //alert("Thanks for visiting!"); 
     }); 

    // Default page load 
     $('#result').load('defaultPage.php'); 

    }); 

第二個問題：隱藏頁面名稱

基本上不管你寫JavaScript是視圖能夠通過用戶所以，你可以選擇任何解決辦法（不要認爲它是一個好主意）你可以調用單個頁面，如getPage.php帶參數，並希望通過不同的參數返回什麼內容示例以下示例

$(document).ready(function(){ 
     $("#page1").click(function(){ 
     $('#result').load('getPage.php?pid=lm'); // by the pid(page ID) you can check that its for latestmembers.php 
     //alert("Thanks for visiting!"); 
     }); 

     $("#page2").click(function(){ 
     $('#result').load('getPage.php?pid=fe'); // by the pid(page ID) you can check that its for Females.php 
     //alert("Thanks for visiting!"); 
     }); 

    // Default page load with no argument 
     $('#result').load('getPage.php'); 

    });