js實現Html頁面間跳轉之數據傳遞

本文轉載自查看原文 2018-08-03 15:06 4873 javascript

1、頁面數據傳遞需要引入一個js文件，代碼

UrlParm = function() { // url參數
    var data, index;
    (function init() {
        data = [];
        index = {};
        var u = window.location.search.substr(1);
        if (u != '') {
            var parms = decodeURIComponent(u).split('&');
            for (var i = 0, len = parms.length; i < len; i++) {
                if (parms[i] != '') {
                    var p = parms[i].split("=");
                    if (p.length == 1 || (p.length == 2 && p[1] == '')) {// p | p=
                        data.push(['']);
                        index[p[0]] = data.length - 1;
                    } else if (typeof(p[0]) == 'undefined' || p[0] == '') { // =c | =
                        data[0] = [p[1]];
                    } else if (typeof(index[p[0]]) == 'undefined') { // c=aaa
                        data.push([p[1]]);
                        index[p[0]] = data.length - 1;
                    } else {// c=aaa
                        data[index[p[0]]].push(p[1]);
                    }
                }
            }
        }
    })();
    return {
        // 獲得參數,類似request.getParameter()
        parm : function(o) { // o: 參數名或者參數次序
            try {
                return (typeof(o) == 'number' ? data[o][0] : data[index[o]][0]);
            } catch (e) {
            }
        },
        //獲得參數組, 類似request.getParameterValues()
        parmValues : function(o) { //  o: 參數名或者參數次序
            try {
                return (typeof(o) == 'number' ? data[o] : data[index[o]]);
            } catch (e) {}
        },
        //是否含有parmName參數
        hasParm : function(parmName) {
            return typeof(parmName) == 'string' ? typeof(index[parmName]) != 'undefined' : false;
        },
        // 獲得參數Map ,類似request.getParameterMap()
        parmMap : function() {
            var map = {};
            try {
                for (var p in index) {  map[p] = data[index[p]];  }
            } catch (e) {}
            return map;
        }
    }
}();

2、頁面1

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>測試頁面</title>
</head>
<body>
    <a href="test1.html?name=張三&pass=123123">test1.html</a>
</body>
</html>

3、頁面2

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="js/getUrlParam.js"></script>
    <script>
        $(function(){
            var name = UrlParm.parm("name");
            var pass = UrlParm.parm("pass");
            alert(name+"!"+pass);　　//頁面跳轉之后就可以獲取數據
        })
    </script>
</head>
<body>
        這是test1頁面
</body>
</html>

　　簡單測試一下，完全正確，感謝憤怒的火柴寫的js代碼！！！！

原文鏈接：https://blog.csdn.net/caoyuan10036/article/details/7227214

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 Vuex頁面跳轉時數據傳遞 React Native移動開發實戰-3-實現頁面間的數據傳遞