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

最合適的問題：默認頁面

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

     });