如何在頁面跳轉後,再返回上級頁面時,保留檢索條件,重新整理內容

你不懂我的帥發表於2018-12-13

場景:
主頁面: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");
}

相關文章