Jquery Ajax加載除了某個div以外的整個頁面

我正在編寫一個在頁腳有一個音頻播放器的應用程序。每次我點擊一個鏈接整個頁面本身加載，因此音頻播放器正在重新啓動，我的問題你將如何重新加載整個頁面，除了某個div？Jquery Ajax加載除了某個div以外的整個頁面

2012-12-21 user962206

我相信這是不可能的。也許改變你的方法。只重新加載您想刷新的特定區域。實際上，這些區域可能包含在一個（也可能是大）div標籤中。然後，您可以使用jQuery ajax更新該div。爲此，load是要走的路：

$('#result').load('ajax/test.html', function() { 
    alert('Load was performed.'); 
});

編輯：

下面是使用環節更具體的例子（只寫了我的頭）：

<script type="text/javascript"> 
    $(function(){ 
     $("#myLink").click(function(event){ 
     $("#updateThisDiv").load($this.attr('href'), function(){ 
      alert('div updated!'); 
     });    
     return false; // or event.preventDefault(); 
     }); 
    }); 
</script>

您的鏈接如下所示：

<a href='pathTo/Page' id='myLink'>Link text</a> 

... 

<div id="updateThisDiv"></div>

來源

2012-12-21 04:41:50 Ulises

如果我這樣做，會將該網址的變化？因爲那就是我想要發生的事情。 – user962206

@ user962206雖然你可以改變哈希值（請參閱下面的鏈接），但只要好奇，爲什麼你需要更改URL？：url不會改變。http://stackoverflow.com/questions/6478485/jquery-change- -url-address-without-redirecting – Ulises

假設我在索引頁面。 www.myapp.com，然後讓我們說我點擊一個名爲「events」的鏈接，我希望這個頁面能夠被加載。所以在我的鏈接中會出現這樣的內容。 www.myapp.com/events也，我想也添加網址參數。 www.myapp.com/events?eventId=1或類似的東西。也允許書籤 – user962206

所以你使用的是jQuery ajax。即使你用ajax重新加載整個div，音頻對象仍然是一樣的。因此，您可以在對象的幫助下再次生成音頻進度。

編輯：
只是建議，如果你正在重新加載你的網頁。
首先使用ajax將音頻對象的currentTime保存在會話甚至數據庫中。當用戶加載該音頻時，從currentTime開始。
你能做到這一點是這樣的：

yourAudioObject.addEventListener(
        'timeupdate', 
        function() { 
        $.ajax ({ 
      type:'get', 
      url:'your/path/?currenttime='+yourAudioObject.currentTime, 
      ......

來源

2012-12-21 04:49:20 vusan

請提供示例 – user962206

請參閱我的編輯..... – vusan

Jquery Ajax加載除了某個div以外的整個頁面

回答

相關問題