JSP页面刷新跳转返回之后 保持原页面位置

在做个项目,需要提交当前页面的表单数据。提交、更新数据库之后返回页面,需要保持当前位置。

估计好多解决方案,但是我说知道的有两个,一个是用AJAX,但是我还没有搞清楚怎么弄。另一个用JS获取当前滚动条位置,提交到后面,返回到当前页面的时候,把位置传回来,然后设置滚动条位置。虽然每次刷新页面,但是也"曲线救国"可以保持位置了。后面要研究下这个Ajax。

在JSP页面写两个JS函数,其中一个要在页面刷新的时候加载。

1.获取位置的函数

function getScroll(){
var top; 
if (document.documentElement && 
document.documentElement.scrollTop)   
{           
top = document.documentElement.scrollTop;           
} else if (document.body)   
{           
top = document.body.scrollTop;           
}       
return top; 
}
//关于If、else的区别,貌似是因为某些浏览器的支持问题~详细,谷姐

2.设置位置的函数

在JSP页面写隐藏接收从action传来的位置数据,并且οnlοad="setScroll();"

function setScroll(){

//位置

var top = document.getElementById("top").value;

if(top != 0){

window.scrollTo(0,top);

}

}






你可能感兴趣的:(从零开始学Java开发)