效果

實現

jsp頁面代碼

當前位置：<a href="${ctx}/jsp/front/readOrder.jsp">待合單</a>> <a? onclick="goBack()" class='pointer' >查詢</a>> <a? onclick="goBack2()" class='pointer' >確認合單</a>><span class="c_gray_999">打印</span>

方式1：

直接通過將標簽a的href屬性寫死，這就屬于純通過超鏈接跳轉，此時頁面不需要回傳數據，只是簡單的跳轉頁面。

方式2：

點擊查詢時，執行方法goBack()。代碼如下

function goBack(){window.location.href ="${ctx}/jsp/front/swichOrder.jsp?paramDate="+backDay;};

這種方式也是通過給a標簽的href屬性賦值，不過就是a的href屬性為動態賦值的不是寫死的。

這樣導航過去時，url與過來時一致，所以會保留比如日期選擇插件的數據。

注意：

這種要獲取當前url中的參數，即追加的backDay參數。

首先

var backDay;

然后在頁面加載完之后就獲取當前請求的url中追加的參數

$(function(){var a=GetRequest();backDay=a['deliverDay'];})

通過GetRequestt()方法獲取。

function GetRequest() {var url = location.search; //獲取url中"?"符后的字串var theRequest = new Object();if (url.indexOf("?") != -1) {var str = url.substr(1);strs = str.split("&");for (var i = 0; i < strs.length; i++) {theRequest[strs[i].split("=")[0]] = decodeURIComponent(strs[i].split("=")[1]);}}return theRequest;};

方式三：

如果當前請求的url追加的參數比較多，可以通過最簡單的返回上一頁的方法來實現。

history.back(-1)

會返回當前頁的上一頁并重新加載頁面

history.go(-1)

會返回當前頁的上一頁，保留原有數據

比如這里的goBack2()

?function goBack2(){history.go(-1)};

?

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的jsp中通过多种方式实现面包屑导航的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。