jsp中通过多种方式实现面包屑导航

效果

实现

jsp页面代码

当前位置：待合单
                > 查询
                 > 确认合单
                 >打印

方式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)
        };