在做项目的时候,经常会出现带参数跳转新页面,一般来讲,跳转页面都是get请求,比如layer.open,window.location等等。get请求里面,对于参数的长度有限制,太长的字符串就传不到后台。比如说一个base64的图片,我们就没有办法用get请求过去。
但是我们新的页面又需要这个参数,该怎么办呢。在这我提供几种解决办法。
第一,在A页面用ajax带着这个参数请求到后台,然后用seesion存起来。之后再打开B页面,在B页面取出。代码就不贴了,也不建议这么做。
第二,在A页面设置一个隐藏的input标签,把参数放到这个标签里面,在B页面取A页面标签的值,也就是子页面取父页面的值,写法如下:$("#front",window.parent.document).val();front是父页面的id值。js原生写法不是很记得了,可自行网上搜索。
第三,用浏览器的持久化存储,比如sessionStorage或者localStorage,两者区别前者是会话,关浏览器后会清楚,后者类似cookie那种,如果不主动清除,会一直保存。
var storage=window.sessionStorage;
sessionStorage.setItem("front","front");
sessionStorage.getItem("front");
少量的数据,不必请求后台,能在前端处理尽可能在前端处理。