实现在AJAX下的前进、后退功能

2016-02-19 14:09 22 1 收藏

只要你有一台电脑或者手机，都能关注图老师为大家精心推荐的实现在AJAX下的前进、后退功能，手机电脑控们准备好了吗？一起看过来吧！

【 tulaoshi.com - Web开发】

在做这个BLOG的过程中无时无刻被这个问题困扰着。。。。
　　
　　想来想去大应该大致上有三种方法吧：
　　
　　1、每次客户端在进行同服务器的交互的时候都必须改变URL的值，这样子的话就会让IE记录下了页面的历史状态，从而可以利用IE的前进后退来实现在，这样子应该是用户最能接受的方式吧，因为大家也都习惯的用浏览器的前进、后退功能了。
　　
　　2、在客户端每次进行一次功能的进候用一个数组的记录下页面的信息，然后页面中加入前进、后退按纽来对数组中的信息进行读取，从而实现前进、后退功能，但我感觉这应该是最不可取的一种方式了，试想一下儿当一个用户在客户端进行好多操作时候的，这个用来记录页面信息的数组将会变的很大，这样子迟早会吃掉客户端的内存的，存在相当大危险性！
　　
　　3、记录客户端每次调用的JAVASCRIPT方法的名称以及参数信息，同样形成一个数组，页面中加入前进、后退按纽来对这个数组进去读取，每次的前进、后退的操作都会重新回发一次服务器，我感觉这种方法是我想实现在，但对于这个数组的建立方法我还在琢磨。
　　
　　在网上查了查，好像有对第一种方式的类库支持，但个人不是太喜欢那种方式，因为好像在就是在客户端每次对于URL的重写也会引起状态栏上的进度处刷那么一下儿的，呵呵，可能您会说刷一下儿又不回发服务器没有关系的，但就是看着不爽。唉，问题还是没有解决，还得继续学习呀，呵呵，下班了，明天继续想！
　　

来源:https://www.tulaoshi.com/n/20160219/1606280.html

看过《实现在AJAX下的前进、后退功能》的人还看了以下文章更多>>

ajax后退解决方案

标签： Web开发

一、使用iframe，通过document.write产生历史代码如下： !DOCTYPE html html head meta charset="utf-8"/ title0/title /head body input type="button" value="加1" onclick="add()" / div id="info" style="border:red 1px solid;width:200px;padding:10px;margin:5px;"0/div /body /html script src="history-0.1.js"/script ...

用AJAX实现聊天功能(part 1)

标签： PHP

如何用AJAX实现聊天功能 AJAX planetphp Tutorials javascript :;" onClick="javascript:tagshow(event, 'Zend');" target="_self"> Zend Framework zendhomepage by maugrim | 0 comments | Monday, November 20, 2006 概述实话...

IE浏览器前进后退按钮的那些事

标签：浏览器

IE浏览器前进后退按钮的那些事浏览器上的前进与后退按钮作为使用频率最高的功能之一，IE团队在设计IE9界面时，便对这两个按钮做了很多优化细节处理。比如从视觉上看，后退按钮要比前进按钮大的多，点击更为方面，那为什么要这么设计呢?原来微软在对用户使用浏览器的习惯进行大量调查后发现，用户平时点击后退按钮的频率比前进按钮...

JavaScript实现禁止后退的方法

标签： Web开发

script language="JavaScript"//javascript:window.history.forward(1); /script A HREF="noname1.html"onclick="javascript:location.replace(this.href);event.returnValue=false;"dddd/a

php ajax网站浏览统计功能的简单实现

标签： Web开发

使用PHP语言实现,如果你看不明白,请留言.... 相信原理都差不多.. 为什么使用PHP做范例语言? 不外乎两个因素: 1. PHP语法通俗易懂,有一点程序基础的人就可以了解;2.代码量比较少本功能实现的代码的目录结构见 [ajax实时任务提示功能的实现 -- vb2005xu自己动手系列(1)],这个可以作为它的插件插入,这里也是阐述一种开发思想:在网站开发的过程...

查看更多精彩>>