AJAX应用中浏览器的BACK后退按钮问题

2016-01-29 13:26 63 1 收藏

AJAX应用中浏览器的BACK后退按钮问题,AJAX应用中浏览器的BACK后退按钮问题

【 tulaoshi.com - PHP 】

AJAX越来越多的应用到网页交互上,但是用AJAX做交互也有一些问题，比如传统网页的浏览是一个一个页面切换，所以可以用浏览器的后退按钮和前进按钮切换到指定的浏览过的页面，也就是浏览器的history.
但是用AJAX做交互的时候,是通过js+xmlhttp来获取其他页面信息,对于浏览用户来说，是一个隐性的UE，感觉不到浏览器地址栏的URL的变化，对浏览器来说，地址栏的URL没发变化，产生不了HISTORY。
不是说在用AJAX做交互的时候，BACK按钮的问题就解决不了，对于AJAX应用很成熟的网站比如google等，这些都已经解决。有热心的老外已经提供了解决方法，粗粗看了看，原理是用了iframe，有兴趣的自己去研究吧
老外管这个叫：Really Simple History framework，还有专门的AJAX history libraries

原文介绍：点击这里浏览
先看一个演示吧：
http://www.donotremove.co.uk/extra/ajax-nav/index.html

这个演示的下载地址,是PHP的
http://www.contentwithstyle.co.uk/resources/ajax-nav/ajax-nav.zip

另一篇文章介绍：点击这里浏览

这篇文章例子的下载：点击这里下载

BrowserBookmarkingBack buttonIE6/PCYesYesIE5.5/PCYesYesIE5/PCYesYesIE5/MacNoNoFirefox/PCYesYesFirefox/MacYesYesSafari1.2/MacYesNo

来源:https://www.tulaoshi.com/n/20160129/1490148.html

上一篇： flash制作过程中避免占用CPU资源过度的几种方法
下一篇： Flash MX 2004 ActionScript图文教程(九)

看过《AJAX应用中浏览器的BACK后退按钮问题》的人还看了以下文章更多>>

AJAX教程(4)：AJAX 浏览器支持

标签： Web开发

AJAX - 浏览器支持 AJAX 的要点是 XMLHttpRequest 对象。不同的浏览器创建 XMLHttpRequest 对象的方法是有差异的。 IE 浏览器使用 ActiveXObject ，而其他的浏览器使用名为 XMLHttpRequest 的 JavaScript 内建对象。如需针对不同的浏览器来创建此对象，我们要使用一条 "try and catch" 语句。您可以在我们的 JavaScript 教...

开发保留标准浏览器功能的AJAX应用程序

Ajax应用程序由于其丰富的功能、交互性以及快速的响应能力而得到人们的普遍赞许。它可以使用XMLHttpRequest对象动态地加载数据，而不是加载新的页面。在它大肆进行宣传以及许多人兴奋的同时，有评论指出，Ajax应用程序丢失了浏览器的一些重要功能，包括对后退前进按钮的支持。本文将首先阐明为什么在Ajax应用程序中除非显式地构建后...

IE浏览器前进后退键的隐藏功能

标签：浏览器

IE浏览器前进后退键的隐藏功能下面三种方式告诉你小小的一个按钮也可以有这么多精心的设计~ 其实当你： 1.鼠标单击按钮一秒以上，或者 2.鼠标右键点击，或者 3.用鼠标向下拖动按钮都可以激活本窗口的浏览历史记录，这样就能更方面的跳转到之前访问过的页面了! 虽然前进与后退按钮设计的很用心，...

Fireworks 仿MSN浏览器按钮

现在不管是Windows Media Player播放器，还是浏览器，甚至于腾讯的浏览器都将前进后退的按钮改成了这种哑铃形状，下面我就教给大家如何在 MX 2004中制作这种简单的按钮。 1.新建300像素白色画布，选择“椭圆”工具按住Shift键画一个正圆形，复制这个圆形，并按住Shift键将其缩小，放在紧贴在第一个大一些的圆形的旁边。（如果怕对不整齐，可...

AJAX在不同浏览器中XMLHttpRequest对象的生成示例

标签： Web开发

代码如下： script type="text/javascript" function ajax() { var xmlHttp; try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); } catch (e) { // Internet Explorer try { xmlHttp=new ActiveXObject("Msxml2.XMLHTTP"); } catch (e) { alert("您的浏览器不支持AJAX！"); return false; } } } /sc...

查看更多精彩>>