zoukankan      html  css  js  c++  java
  • 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>

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

  • 相关阅读:
    Java进阶之内部类
    Java进阶之集合框架
    Java进阶之异常
    Java进阶之JVM虚拟机(Java Virtual Machine)
    Java进阶之String类
    Java进阶之Nnumber类和Math
    Java基础之流程控制语句
    Java基础之标识符与修饰符
    Java基础之数据类型与运算符
    数据库事务与事务隔离级别
  • 原文地址:https://www.cnblogs.com/Sea1ee/p/7298109.html
Copyright © 2011-2022 走看看