Javascript取URL传参

最新推荐文章于 2023-12-14 15:17:17 发布

原创最新推荐文章于 2023-12-14 15:17:17 发布 · 2.8k 阅读

1 ·

CC 4.0 BY-SA版权

js/jQuery/html/css 专栏收录该内容

41 篇文章

订阅专栏

本文详细介绍了如何利用正则表达式在HTML页面中匹配并解析JavaScript函数调用参数，进而实现页面跳转到指定URL的功能。通过封装全局对象Request，展示了如何通过Query字符串获取并使用传递的参数值。

采用正则表达式方法:

a.html 发送请求页面

<script type="text/javascript">
        function dbSelRow(){
            var param = '10023112';
            window.location.href = "b.html?cstCode=" + param+"&id=11&name=abc";
        }
    </script>

b.html 接收请求页面

封装全局对象Request，采用正则表达式来匹配每一个传参的key=value部分，之后可以用Request.QueryString(参数名)来获取各个对应的传参值。

<script type="text/javascript">
        var CST_CODE;
        var id;
        $(function () {
            CST_CODE = Request.QueryString("cstCode");
            id=Request.QueryString("id");
            var name=Request.QueryString("name");
        });
        Request = {
            QueryString : function(paramName){
                var reg = new RegExp("[\?&]" + paramName + "=([^&]*)[&]?", "i");
                var paramVal = window.location.search.match(reg);
                return paramVal == null ? "" : paramVal[1];
            }
        }
    </script>