如何讓AJAX調用頁面在瀏覽器中重新加載

我想說的第一件事就是我嘗試了很多代碼和插件，但沒有爲我工作。我只是想讓瀏覽器中的按鈕「返回」和「轉發」，以再次調用AJAX調用的頁面，以便在按鈕被點擊後顯示。我希望你知道我不是開發者:)。如何讓AJAX調用頁面在瀏覽器中重新加載

請幫我傢伙，這些都是在這個非常時刻工作的天... :)

的處理程序：

<li><a href="#" class="ceni">примерни цени</a></li> 
<li><a href="#" class="karieri">кариери</a></li>

的JavaScript：

$('.ceni').click(function(){ 
    $.ajax({ 
     url: 'pages/ceni.php', 
     success: function(response) { 
      $("#pages").html(response); 
     } 
    });  
}); 

$('.karieri').click(function(){  
    $.ajax({ 
     url: 'pages/karieri.php', 
     success: function(response) { 
      $("#pages").html(response); 
     } 
    });  
});

來源

2012-02-21 Bat Jeko

'我希望你，我不是developer'。我很抱歉地說，但堆棧溢出是爲開發人員或願意學習和成爲開發人員的人。如果你不是開發人員，也不願意學習某些東西，你可能會考慮聘請一位開發人員爲你做這項工作。 – 2012-02-21 16:40:22

看看這裏： http://stackoverflow.com/questions/116446/what-is-the-best-back-button-jquery-plugin – Jinx 2012-02-21 16:40:57

你可能想看看jQuery歷史插件：http ：//tkyk.github.com/jquery-history-plugin/ – itsmequinn 2012-02-21 16:41:13

試試這個：

$('.ceni').click(function(){  

      $.ajax({ 
type: 'GET', 
url: 'pages/ceni.php', 
success: function(response) { 
$("#pages").html(response); 
} 
});  
});

來源

2012-02-21 16:42:19 Leo

這與這個問題有關嗎？ – 2012-02-21 16:44:35

仍然依賴點擊，這不是要求的。 – SpaceBison 2012-02-21 16:46:10

不:)，不工作:)。 – 2012-02-21 16:54:17

最常見的方法是使用插件來監視hashchange事件並重新請求ajax頁面。

<li><a class="ceni" href="#ceni">примерни цени</a></li> 
<li><a class="karieri" href="#karieri">кариери</a></li>

設置散列變化處理程序：通過jQuery

jQuery(window).bind('hashchange', function() { 
    var pageHash = location.hash.substr(1); 
    if('ceni|karieri|'.indexOf(pageHash + '|') >= 0) { 
    jQuery("#pages").load(pageHash + '.php'); 
    } 
});

加載內容到一個元件在http://api.jquery.com/load/被記錄，並基本上與使用jQuery.ajax做出該請求。

作爲一種替代方案，您可以使用在http://html5demos.com/history中記錄的HTML5歷史記錄API - 這允許您保持地址欄在沒有散列的情況下顯得整潔。

如果您需要支持IE7及以下，使用填充工具的hashchange事件，例如http://benalman.com/projects/jquery-hashchange-plugin/

來源

2012-02-21 18:20:55 steveukx

謝謝你，但你的代碼不適合我。我嘗試了Ben Alman的插件，但是也不起作用。我不明白什麼是錯的。無論如何:)，謝謝。非常感謝您的幫助。上帝保佑。 – 2012-02-21 19:19:45

沒有問題 - 您使用的瀏覽器是什麼？ http://jsfiddle.net/steveukx/gU6g9/這是Chrome中的一個工作示例 – steveukx 2012-02-21 19:34:06

只有彈出窗口出現，但是我說「ok」並且上一頁不重新加載。 – 2012-02-22 09:58:29

如何讓AJAX調用頁面在瀏覽器中重新加載

回答

相關問題