如何在页面跳转后，再返回上级页面时，保留检索条件，刷新内容

场景：
主页面：main.jsp
子页面：son.jsp
子页面检索条件：zhonglei，mingcheng，countryCodeS，asins，fnskus，skus

部分子页面代码

//这是子页面的检索条件代码
<tr><td class="tdtitlce2">产品种类</td><td class="tdcontle1"><input type="search" name="PRODUCTTYPES" id="zhonglei" size="30" value=""></td><td class="tdtitlce2">产品名称</td><td class="tdcontle1"><input type="search" name="PRODUCTNAMES" id="mingcheng" size="30" value=""></td><td class="tdtitlce2" width="70">国家</td><td class="tdcontle1"><select name="countryCodeS" id="countryCodeS"></select></td></tr><tr><td class="tdtitlce2">ASIN</td><td class="tdcontle1"><input type="search" name="ASINS" id="asins" size="30" value=""></td><td class="tdtitlce2">FNSKU</td><td class="tdcontle1" ><input type="search" name="FNSKUS" id="fnskus" size="30" value=""></td><td class="tdtitlce2">SKU</td><td class="tdcontle1" ><input type="search" name="SKUS" id="skus" size="30" value=""></td></tr>

主要js代码

//search（）是子页面点击检索时调用的方法
//这个放在子页面的search（）中,存储到本地缓存中……
function setlocal_autoorder_haiyun(){console.info("存储检索内容");sessionStorage.setItem("autoorder_haiyun_zhonglei",$("#zhonglei").val());sessionStorage.setItem("autoorder_haiyun_mingcheng",$("#mingcheng").val());sessionStorage.setItem("autoorder_haiyun_countryCodeS",$("#countryCodeS").val());sessionStorage.setItem("autoorder_haiyun_asins",$("#asins").val());sessionStorage.setItem("autoorder_haiyun_fnskus",$("#fnskus").val());sessionStorage.setItem("autoorder_haiyun_skus",$("#skus").val());
}//这个放在子页面的search（）之前……
function getlocal_autoorder_haiyun(){console.info("获取存储好的检索内容，并赋值到对应的检索框中");$("#zhonglei").val(sessionStorage.getItem("autoorder_haiyun_zhonglei"));$("#mingcheng").val(sessionStorage.getItem("autoorder_haiyun_mingcheng"));$("#countryCodeS").val(sessionStorage.getItem("autoorder_haiyun_countryCodeS"));$("#asins").val(sessionStorage.getItem("autoorder_haiyun_asins"));$("#fnskus").val(sessionStorage.getItem("autoorder_haiyun_fnskus"));$("#skus").val(sessionStorage.getItem("autoorder_haiyun_skus"));
}//这个放在main页面跳转到son页面之前调用的
function removelocal_autoorder(){console.info("移除页面存储的内容");sessionStorage.removeItem("autoorder_zhonglei");sessionStorage.removeItem("autoorder_mingcheng");sessionStorage.removeItem("autoorder_countryCodeS");sessionStorage.removeItem("autoorder_asins");sessionStorage.removeItem("autoorder_fnskus");sessionStorage.removeItem("autoorder_skus");
}

如何在页面跳转后，再返回上级页面时，保留检索条件，刷新内容相关推荐

实现网页原路返回：从哪个页面跳转过来就返回哪个页面
一.需求导航对于PC网站或WAP网站有着相当重要的作用,它有利于提升用户体验,不至于让用户迷路.而"返回"就是导航的功能之一,主要体现在WAP网页左上角的"返回&quo ...
easyUI分页中，如何实现页面跳转，再返回时，仍然到跳转前页数。（含页面显示条数）
easyUI中,分页情况下,跳转到其他页面修改数据,再返回时,相当于重新打开此页面,即显示第一页. 这样很不方便.故提出跳转回修改前的页面的需求. 通过网上搜索,了解到实现页面跳转回去的基本原理是:传 ...
Bootstrap Table插件页面跳转后再回来保存搜索的值
2019独角兽企业重金招聘Python工程师标准>>> 场景:在一个内容比较多的列表页面中,使用bootstrap table的搜索功能后,选择某列,点击此列中一个按钮,跳转到详情页 ...
vue跳转页面之后返回_vue页面跳转后返回原页面初始位置方法
vue页面跳转到新页面之后,再由新页面返回到原页面时候若想返回调出原页面的初始位置,怎么来解决这个问题呢?首先我们应该在跳出页面时候记录下跳出的scrollY,返回原页面的时候在设置返回位置为记录下的 ...
Android app切到后台返回首页,Android 如何保证App切换到后台，或页面跳转后，重新打开APP、或返回之前页面时，维持其状态不变...
项目中遇到的一些小问题,记录.分享一下. Android 如何保证App切换到后台,或页面跳转后,重新打开APP.或返回之前页面时,维持其页面状态不变? 1.问:当APP启动后,打开某一界面,然后点击 ...
Vue.js页面跳转后返回上一页面记录上一页面select选定的值
在当前页面中,选中了某个标签中的问题,然后跳转到问题页面,按返回按钮返回到当前页面,继续选中之前的选中标签实现效果如下图: 实现逻辑如下: 进入当前页面的时候,页面路由为http://localho ...
layui table 复选框跳页后再回来保持原来选中的状态
layui table默认跳页后不存在源页面选中的状态.如果要实现记录源页面的选中状态,需要定义一个全局变量来记录数据选中状态. 1.修改table.js ;layui.define(["l ...
关于解决SpringBoot中使用redirect重定向后，页面跳转后ulr地址后面出现jsessionid=xxxxxxx的问题
关于解决SpringBoot中使用redirect重定向后,页面跳转后ulr地址后面出现jsessionid=xxxx的问题参考链接:https://blog.csdn.net/zshake/art ...
TP3.2.3 页面跳转后 Cookie 失效 —— 参考解决方案
TP3.2.3 页面跳转后 Cookie 失效 -- 参考解决方案参考文章: (1)TP3.2.3 页面跳转后 Cookie 失效 -- 参考解决方案 (2)https://www.cnblogs. ...

如何在页面跳转后，再返回上级页面时，保留检索条件，刷新内容

如何在页面跳转后，再返回上级页面时，保留检索条件，刷新内容相关推荐

最新文章

热门文章