html history.go(-1) 缓存,js/javascript使用history.go(-1)返回上一页出现网页过期的解决方法...

项目需求：先进入内容列表页面，页面显示数据，每一条数据对应一个标题，点击标题(超链接)进入内容页，点击返回(超链接)可以回到内容列表页面

本来想使用history.go(-1)简单地返回上一页，但却出现了一个奇怪的现象

1进入内容列表页，点击内容页后返回成功

2在内容列表页点击【搜索】，获得新数据后点击标题进入内容页，点击【返回】，出现网页已过期错误页面

3点击【搜索】，再点击【下一页】，然后再点击标题进入内容页，点击【返回】，返回成功。

找了很久，终于发现，原来问题出在提交方式(Get/Post)上，如果使用Post提交，history.go(-1)返回会出现网页已过期的错误

而超链接默认是get方法，

默认为Post方式

而我第一次【搜索】的时候使用到了

表单提交，提交方式为POST，相对于内容页，返回的页面的提交方式是Post,因此出现问题【2】

如果我【搜索】后再点击【下一页】，由于我的上下页是用超链接实现的，因此相对于内容页，返回的页面的提交方式变回get，因此返回成功。

解决方案：

1将提交方式改为超链接的形式：xxxx.action?page=XX&parame=XX......

2修改form的提交方式

3如果只是考虑一个页面(action)的情况，可以修改返回的方式，不用history.go(-1)，使用url

返回上一页

4通过js获取上一个页面的url路径，然后判断该返回哪一个Action及是否使用history.go(-1)

function goToHistory(){

var str=document.referrer;//上一个点击进来的页面

if(str!=null){

str = str.split("?")[0].split("/");

var actionName = str[(str.length-1)];//获取action名字

if(actionName=="MyText.action"){

location = "MyText.action";//返回MyText

}else if(actionName=="YouText.action"){

var url = "YouText.action"//返回YouText

location = url;

}else{

history.go(-1);

}

}else{

alert("这个页面是初始页面");

}

}

document.referrer可以获取上个页面的整个url(含参数)，详细获取参数可以参考http://blog.csdn.net/kaidishi/article/details/9732913

当然你也可以将参数传递进方法里，以goToHistory(parame1,parame2)的方式进行修改【如果提交数据并非保密的情况，建议使用第2种方式】

另外的一种解释：JavaScript:history.go(-1)返回上一页时,网页已过期

解决办法：首先试试back()或go(-2)，若依然不行，则取消禁用页面缓存的限制

session_cache_limiter('private,must-revalidate');

作用:当session_cache_limiter('private')时，用处是让表单history.go(-1)的时候，填写内容不丢失。

go(-2)后再forward(1).

为什么我在点击浏览器的后退按钮后，所有字段的信息都被清空了

答：这是由于你在你的表单提交页面中使用了 session_start 函数。

因为我们后退浏览的是缓存页,而该函数会强制当前页面不被缓存。所以出现了’警告: 网页已经过期!’.

这些信息,而我们不得不刷新下才能正确显示,对于一个程序人员来说有可能无所谓,但是对于一个internet网上的一个顾客来说,看到该页面,他有可能关闭该页面,而不会去查看这些信息!

还有一个原因就是当一个网站流量比较大的时候,缓存是我们程序人员最好的工具,如果失去了这把工具,那么你所在的虚拟服务器必将受到考验!

解决办法为，

1、不使用session_start()函数。

2、在你的 Session_start 函数后加入 header("Cache-control: private"); 注意在本行之前你的PHP程序不能有任何输出。

还有基于session的解决方法，在session_start前加上

session_cache_limiter('nocache');// 清空表单

session_cache_limiter('private'); //不清空表单，只在session生效期间

session_cache_limiter('public'); //不清空表单，如同没使用session一般

在开发过程中，往往因为表单出错而返回页面的时候填写的信息都不见了，为了支持页面回跳，可以通过两种方法实现。

第一，使用Header方法设置消息头Cache-control

引用:

header(’Cache-control: private, must-revalidate’); //支持页面回跳

第二，使用session_cache_limiter方法

session_cache_limiter('private, must-revalidate'); //注意要写在session_start方法之前