天天看點

子產品化開發中帶着參數跳轉頁面進行回顯的描述!

//統一頁面跳轉方法
    util.goPage = function (type,url,params) {
        switch (type){
            //配置跳轉
            case 0:
                var jump = '';
                if(params){
                    jump = config.routes(url) + '?' + params;
                }else{
                    jump = config.routes(url);
                }
                location.href = jump;
                break;
            //頁面跳轉
            case 1:
                location.href = url;
                break;
            //傳回上一個頁面
            case 2:
                window.history.go(-1);
                break;
            //傳回并重新整理上一個頁面
            case 3:
                location.href = document.referrer;
        }
    };
           

一,場景是一個搜尋框,帶着參數跳轉到另一個頁面,并且回顯參數

mod.requestlistdata = function () {
            var params = $("#search-box-input").val();
            var url = "tianyancha-list.html?word="+decodeURI(encodeURIComponent(params));
            util.goPage(1,url);
        }
           
子產品化開發中帶着參數跳轉頁面進行回顯的描述!

其中跳轉到另一個頁面之後,擷取參數

var subAcct = util.getAllQueryString();
var word=decodeURIComponent(subAcct.word); //防止出現亂碼      

二,場景是,模闆ejs是同一個,但是跳轉頁面時需要拿到ajax的一個字段的不同,ejs的字段也不同

子產品化開發中帶着參數跳轉頁面進行回顯的描述!

我們在span标簽中加一個“data-year”屬性表示我們想要的字段

子產品化開發中帶着參數跳轉頁面進行回顯的描述!

繼續閱讀