頁面路徑拼接字符串進行參數傳遞：
參數傳遞頁面：
<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>
