点击返回键时恢复被AJAX更改过的数据代码,Java代码库,德仔网

代码语言

代码分类

【Java】点击返回键时恢复被AJAX更改过的数据

作者:wzfz / 发布于2015/7/9/ 655

使用AJAX更新页面A的DOM后，点击链接切换至页面B，点击浏览器的返回键切回页面A时保持之前AJAX请求所做的更改。配合sessionStorage防止重复提交AJAX请求。


	window.onpopstate = function(event) {
	 // reload epath on history.back
	 // see https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onpopstate
	 var epath = event.state && event.state.loadSource;
	 console.log(event);
	 console.log("loadingSource: "+epath);
	 if(epath)
	 jv.loadSource(epath);
	};
	
	
	
	jv.loadSource = function(epath){
	 var pms = {md5sum:jv.md5sum, epath:epath, uri:jv.uri, location:jv.location};
	 var key = "/loadsource"+ JSON.stringify(pms);
	 var sourceObj = jvutils.getObject(sessionStorage,key);
	 if(sourceObj){
	 jv.displaySource(sourceObj);
	 }else{
	 $.post("/loadsource", pms, function(r){
	 if(r.code!=0){
	 return;
	 }
	 jvutils.saveObject(sessionStorage, key, r.data);
	 jv.displaySource(r.data);
	 });
	 }
	 if(epath!=(history.state && history.state.loadSource))
	 history.pushState({loadSource:epath}, "", location.href);
	};

试试其它关键字

　点击返回键　　恢复被AJAX　

同语言下

可能有用的

wzfz贡献的其它代码(8)