rapidshare like site loading

Question

我怎樣才能使頁面加載像rapidshare沒有重新加載窗口？

例如：！！！

https://rapidshare.com/#!home

，如果你瀏覽過的網頁，瀏覽器窗口沒有重裝，它只是改變網址的最後一個參數如＃myrs_overview，＃buyrapids，＃幫助等

當我螢火看到它給該參數的名稱，即從上面（家庭，buyrapids） http://screensnapr.com/v/wPJtCY.png

感謝

Answer 1

#!發現被稱爲hashbang，並且它的standard for allowing Google to crawl ajax pages。他們簡單地使用AJAX來重新填充頁面信息，然後更新哈希網址：

看看下面的例子導航鏈接：

<a href="contact.php" title="Contact Us" id="contact-us">Contact</a> 

如果我們不想讓頁面重定向到contact.php但我們使用jQuery

<a href="#!contact" class="nav-link" rel="contact.php" title="Contact Us" id="contact-us">Contact</a> 

然後：要加載的內容，我們可以做到這一點，而不是

$('.nav-link').click(function(){ 
    var $this = $(this); 
    $.ajax({ 
     url: $this.attr('rel'), 
     success: function(data){ 
      $('body').fadeOut().html(data).fadeIn(); 
     } 
    }); 
}); 

如果有人用網址中的hashbang進入你的網站，我們只需檢測它並加載相應的頁面;像這樣的東西會工作：

$(function(){ 
    if(window.location.hash){ 
     if(window.location.hash.indexOf('#!') === 0){ 
      $.ajax({ 
       url: window.location.hash.replace('#!','') + '.php', 
       success: function(data){ 
        $('body').fadeOut().html(data).fadeIn(); 
       } 
      }); 
     } 
    } 
}); 

Answer 2

您正在尋找的術語是AJAX。 「最後一個參數」不是一個GET參數，而是一個由JavaScript讀取的錨點。

上使用這種技術開始的一些技巧可以ajaxprojects.com