JS获取页面传过来的值

时间：2023-03-09 09:29:32
JS获取页面传过来的值

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

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

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

① 参考：W3C

Location 对象

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

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

JS获取页面传过来的值

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

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

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

JS获取页面传过来的值

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

   <script>

            var URL = window.location.search; //？xx=aa&yy=b  形式

            URL = URL.split('?')[]; //获取参数列表

            var map = new Map(); //key-value  保存参数和值

            var params = URL.split('&');

            for (var i = ; i < params.length; i++) {

                var ps = params[i].split('=');

                map.set(ps[],ps[]); //添加

            }

            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>

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

相关文章