js页面路径拼接字符串进行参数传递

本文转载自查看原文 2018-08-20 15:49 5835 移动端

页面路径拼接字符串进行参数传递：

参数传递页面：

<style>
    input,button{
        border: 1px solid red;
    }
    body {
        font-size:24px;
    }
</style>
<body>
    <input id="username" type="text" name="username">用户名<br>
    <input type="text" id="sex" name="sex">性别<br>
    <button id="btn">提交</button>
    <script src="js/jquery.min.3.2.js"></script>
    <script>
        $("#btn").click(function () {
            url = "Read.html?username=" + escape(document.all.username.value);//Read.html接收页面
            url += "&sex=" + escape(document.all.sex.value);
            document.getElementById("username").value = "";
            document.getElementById("sex").value = ""; 

            location.href = url;
        })
    </script>
</body>

参数接收页面

<body>
    <div class="content"></div><br>
    <div class="content2"></div>
    <script src="js/jquery.min.3.2.js"></script>
    <script language="javascript" >
          /*
          3 *--------------- Read.html -----------------
          4 * Request[key]
          5 * 功能:实现ASP的取得URL字符串,Request("AAA")
          6 * 参数:key,字符串.
          7 * 实例:alert(Request["AAA"])
          8 *--------------- Request.htm -----------------
          9 
        */
         var url=location.search;
         console.log(url);//?username=1&sex=2
         var Request = new Object();
         if(url.indexOf("?")!=-1){
         　　var str = url.substr(1)　//去掉?号
         　　strs = str.split("&");
         　　for(var i=0;i<strs.length;i++){
          　　　 Request[strs[i ].split("=")[0]]=unescape(strs[ i].split("=")[1]);
         　　}
        }
         $(".content").html(Request["username"])
         $(".content2").html(Request["sex"])
    </script>
</body>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 json对象转为字符串，当做参数传递时加密解密 JS函数传递字符串参数（符号转义）拼接html字符串，onClick传递两个参数写法使用"+"进行字符串拼接 js方法中拼接html时点击事件中拼接字符串参数 Jmeter 字符串拼接参数 js实现两个页面之间跳转参数传递 js中高效拼接字符串 C++字符串作为参数的传递 js concat 方法（字符串拼接，数组拼接）