如何在頁面跳轉後,再返回上級頁面時,保留檢索條件,重新整理內容
場景:
主頁面: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");
}
相關文章
- asyUI分頁中,如何實現頁面跳轉,再返回時,...UI
- vue單頁應用如何在頁面重新整理時保留狀態資料Vue
- JS實現頁面跳轉或者重新整理後保留點選新增的class樣式JS
- 重定向到登入頁面後跳轉原頁面
- js頁面跳轉的問題(跳轉到父頁面、最外層頁面、本頁面)JS
- 2024-05-03 uni跳轉頁面a成功後會立即再跳轉到頁面b,導致無法展現頁面a ==》頁面a業務邏輯沒捋清楚
- Flutter頁面跳轉Flutter
- vue頁面跳轉Vue
- 怎麼修改公司網站頁面,如何在公司網站後臺修改頁面內容網站
- Android頁面跳轉與返回機制詳解Android
- react跳轉url,跳轉外鏈,新頁面開啟頁面React
- 【easyui】開啟的tab頁同頁面引數不同頁面內容不重新整理UI
- router跳轉page頁面
- JavaScript 頁面跳轉效果JavaScript
- Flutter:如何跳轉頁面?Flutter
- Flutter頁面保活及保持頁面跳轉位置Flutter
- vue返回上一頁面如果沒有上一頁面返回首頁Vue
- nginx 設定 404 500 頁面跳轉到指定頁面Nginx
- JavaScript頁面跳轉程式碼JavaScript
- 小程式webview跳轉頁面後沒有返回按鈕完美解決方案WebView
- 404頁面自動跳轉到首頁
- php怎麼直接跳轉頁面PHP
- 頁面跳轉的幾種方法
- PHP中實現頁面跳轉PHP
- WebSecurityConfigurerAdapter 關於成功之後頁面跳轉的配置WebAPT
- 小程式頁面返回重新整理資料onLoad和onShow頁面傳參解決
- HTML5中History.back()頁面後退重新整理頁面HTML
- 頁面內跳轉到相應位置的3種方法
- 在 vue-router 跳轉過程中保留頁面元件的值狀態Vue元件
- 如何在 Mac App上重新整理頁面?蘋果電腦的重新整理MacAPP蘋果
- php 跳轉頁面之前彈窗提示PHP
- 日常問題 頁面跳轉 $_SESSION 失效Session
- Android Jetpack - 使用 Navigation 管理頁面跳轉AndroidJetpackNavigation
- Compose NavHost跳轉頁面時多次重組的問題
- 微信小程式攜帶引數跳轉頁面/獲取頁面棧微信小程式
- vue從其他頁面返回保持上一頁的狀態Vue
- js進入詳情頁再返回到上一個列表頁面時怎麼能讓原來頁面資料不變JS
- PbootCMS判斷列表頁有無內容,無內容返回提示各種條件判斷和標籤boot