如何让AJAX调用页面在浏览器中重新加载
我要说的第一件事是我尝试了很多代码和插件,但对我来说没什么用。 我只是尝试在浏览器中“返回”和“前进”按钮再次调用AJAX调用的页面,以便在单击按钮后显示它们。 我希望你能得到我不是开发人员:)。
请帮助我们,这些是在这一刻工作的日子…… 🙂
处理程序:
примерни цени кариери
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); } }); });
试试这个:
$('.ceni').click(function(){ $.ajax({ type: 'GET', url: 'pages/ceni.php', success: function(response) { $("#pages").html(response); } }); });
最常见的方法是使用插件来监视hashchange事件并重新请求ajax页面。
примерни цени кариери
设置哈希更改处理程序:
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将内容加载到元素中,并且基本上与使用jQuery.ajax发出请求相同。
作为替代方案,您可以使用http://html5demos.com/history中记录的HTML5历史记录API – 它允许您在没有哈希值的情况下保持地址栏看起来整洁。
如果您需要支持IE7及更低版本,请使用polyfill进行hashchange事件,例如http://benalman.com/projects/jquery-hashchange-plugin/