JS获取页面传过来的值

利用JS获取页面的传值,此方法只适应Get传值。

获取页面之间的传值,在后台我们很容易获取,那我们在前台只利用JS怎么写呢?

在看代码之前你需要了解的

① 参考:W3C

Location 对象

Location 对象包含有关当前 URL 的信息。

Location 对象是 Window 对象的一个部分,可通过 window.location 属性来访问。

②Map  之前有介绍过:Map和Set ,如果需要更深一层理解 查看Map

这两个知识点搞清楚之后,我们的代码就很好写了

我们在一个页面放一个a标签 

我们点击A标签,就会跳转,我们在WebForm1中接收

   <script>
            var URL = window.location.search; //?xx=aa&yy=b  形式
            URL = URL.split('?')[1]; //获取参数列表
            var map = new Map(); //key-value  保存参数和值
            var params = URL.split('&');
            for (var i = 0; i < params.length; i++) {
                var ps = params[i].split('=');
                map.set(ps[0],ps[1]); //添加
            }           
            map.forEach(calBack); //循环,每循环一次调用一次回调函数
            function calBack(value, key, xx) {    //给三个参数    不知道每个参数的意思,可以console.log()查看
                document.write("value:" + value+"<br>"); //
                document.write("key:" + key + "<br>"); //
                document.write("值:"+map.get(key)+"<br>"); //利用键获取值
              console.log(xx);//查看最后一个参数,应该就是这个集合
            }         
        </script>

传递的参数和值就可以获取到了。

原文地址:https://www.cnblogs.com/Sea1ee/p/7298109.html