您的位置 首页 java

Java web 前端跨页面信息传递的几种方式

背景

一个简单的数据查询功能,列表页面有“查看详情”按钮,跳转详情页面时列表的一条记录信息需要传递到详情页面;而详情页面有“返回”按钮,返回的同时也需要将原列表的查询条件回显。

跳转方式直接是 window.location.href ,一个典型的跨页面信息传递,属于不同页面之间共享信息的情况。那么跨页面共享信息的方式有哪些呢?本文将介绍三种方式。

URL参数传递

列表页面的查询参数,可以通过URL的方式传递到下一个详情页面,设置到隐藏表单域中;然后在详情页面返回时,将隐藏表单域中的信息一并拼接到url参数后面返回。

设置隐藏表单域有一个好处,查询条件对详情页面没有用,仅仅作为返回上一个页面时的条件回传,所以可以直接将隐藏表单信息直接拼接到url中,按钮事件如下:

 /**
 * 返回按钮的事件
 */function goBack(){
//form表单隐藏域有上一个页面传递过来的参数
var query = $("#hiddenForm").serialize();

//返回到列表页面
window.location.href="dataList.%20jsp ?isBack=true&"+query;
}  

cookie传递

对于js对象信息的传递,可先将对象序列化为json字符串,再通过document.cookie的方式写入cookie,然后在下一个页面解析cookie,转换为JSON对象处理。

上述需求中在跳转查看详情页面时,因为当前选中的记录信息已经查询出来了,到了详情页面可以直接使用而不再请求后台。处理方式如下:

第一步 ,将该条记录序列化后写入cookie中,再跳转。

 var currentData = null;
var allDatas= new Array();
function showDetail(index){
//将当前记录写入cookie
currentData = allDatas[index];
document.cookie = "currentData="+JSON.stringify(currentData);

var url = detail.jsp?now=1";
window.location.href = url;
}  

第二步 ,跳转页面加载事件中解析cookie信息:

 var currentData=null;
+function ($) {
var strCookie = document.cookie;
var arrCookie=strCookie.split("; ");
for(var i=0;i<arrCookie.length;i++){
var spliit=arrCookie[i].split("=");
if(spliit[0]=='currentData'){
currentData= $.parseJSON(spliit[1]);
break;
}
}

//解析完成后立即清理cookie
document.cookie="currentData=";
}(jQuery);  

cookie使用不当,可能会出现问题,主要体现在一个页面上 如果存入cookie的信息过多,会出现请求头域过长,后台报异常 的问题。

我的一个页面有三个列表,初始时所有需要传递的信息包含四五个JSON对象,在不清楚这些数据的总大小的情况下将所有需要传递的数据都序列化到cookie中,然后就出现头域超长问题了。

异常信息如下:

此时超长的cookie信息如下(主要是几个序列化的大JS对象):

cookie 可以使用,只要注意一下只针对适当、必要的大对象通过cookie方式传递,而且在解析完后立即清理无用cookie信息;其他可以通过URL或者现场查询的方式获取的数据不用该方式传递,控制cookie信息的长度即可。

重发请求获取共享数据

最后一种,就是必要的重复查询。即使上一个页面已经查过一次数据了,但是当前页面还是需要发起相同的请求来获取数据。

可以这么理解:这些数据其实不是共享数据,只是相同请求、并且请求 响应 数据不会发生变化而已。

此时突然想到可以用 Ehcache 页面缓存框架,将这些亘古不变的请求缓存起来,那么页面重复请求也可以提升页面的响应效率的。

启示录

编程无止境、IT技术浩瀚、学海无涯的,个人知识太少的渺小感,编码时常自省:文档写的完美吗,脚本能不能写个程序自动化呢?


复制粘贴也是分境界的,低级的境界就是仅仅是复制粘贴了,至高的境界应该是这样的:复制之前看看代码结构,大致了解下这段代码的作用;粘贴之后检查下有没有需要修正的地方,代码格式有没有问题;jsp页面引用文件中有没有什么是当前页面不需要的,无关的变量能不能去掉?

如果是自己写的代码,应该看看有没有值得优化的地方,过去编码时有没有特别的想法;如果是别人的代码,更应该看看怎么回事了,别人的代码有什么值得借鉴的地方,有什么要改正的地方。

如果仅仅因为功能实现了,而结构糟糕的烂代码,重构一下又何妨?被我粘过来就是我参与的代码了,我有责任保证我提交的文件的优雅可读。

文章来源:智云一二三科技

文章标题:Java web 前端跨页面信息传递的几种方式

文章地址:https://www.zhihuclub.com/189217.shtml

关于作者: 智云科技

热门文章

网站地图