zoukankan      html  css  js  c++  java
  • 关于页面跳转带值问题

     a页面

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <script src="js/jquery-3.0.0.min.js"></script>
        <script src="js/jquery.params.js"></script>
        <title>a页面</title>
        <script>
            $(function(){
                 name = $("#name").text();
                 age = $("#age").text();
                $("#btn").on("click",function(){
                   jump1();
                });
            });
            function jump1(){
                url = "b.html?name="+name+"&age="+age;//此处拼接内容
                window.location.href = url;
            }
        </script>
    </head>
    <body>
       <div id="name">tony</div>
       <div id="age">23</div>
       <button id="btn">跳转</button>
    </body>
    </html>

     跳转到b页面

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <script src="js/jquery-3.0.0.min.js"></script>
        <script src="js/jquery.params.js"></script>
        <title>b页面</title>
        <script>
            $(function(){
               getData1();
            });
            function getData1(){
                var name = $.query.get("name");
                var age = $.query.get("age");
                $("#name").text(name);
                $("#age").text(age);
            }
        </script>
    </head>
    <body>
       <div id="name"></div>
       <div id="age"></div>
    </body>
    </html>

     vue 跳转页面带参数

    // 1.页面中的代码
    this.$router.push({
        name: 'generalAdminOrderFlowAdd',
        params: {
          type: 'add',
          templateType: this.orderTemplateType
         }
     })
     // 2.路由中的代码
     {
       path: ':type/:templateType',
       name: 'generalAdminOrderFlowAdd',
       component:   require('@/components/generalAdmin/order/orderFlow')
    }
    // 3.获取页面中的参数值
     let type = this.$route.params.type
  • 相关阅读:
    HTTPS
    数字签名与数字证书
    oracle 10g 数据库与客户端冲突导致实例创建无监听问题
    javascript正则表达式提取子匹配项
    设计模式的分类
    【2020第一篇】环境问题基础知识
    【致 2020】2020
    【python】写demo 的时候,pycharm 编辑器总是提示"method XX may be static"
    sql 练习题 (二)
    【python项目】json 和dict 的区别
  • 原文地址:https://www.cnblogs.com/llfy/p/9131644.html
Copyright © 2011-2022 走看看