数据传输（GET请求）

Posted on 2017-07-18 21:33  君莫笑~  阅读(284)  评论(0)    收藏  举报

利用GET请求将输入到输入框里的数据提交传递到指定的网页

点击提交数据按钮后所输入的数据就会被传递到指定网页，在没有输入数据时点击提交数据显示为undefined

                               

                              

 

 

1  <form action="index2.html" method="GET">
2         用户名<input type="text" name="UserName" /><br/>
 　　　　　　密码 <input type="text" name="Password" /><br/>
4         <input type="submit" value="提交数据" />
5     </form>
6                                
7 
8                               
 1 <body>
 2     <font size="5" color="#black">你输入的用户名是：
 3         <p id="UserName"></p>
 4     </font>
 5     <font size="5" color="#black">你输入的密码是：
 6         <p id="Password"></p>
 7     </font>
 8 </body>
 9 
10 <script>
11     function UrlSearch() {
12         var name, value;
13         var str = location.href; //取得整个地址栏
14         var num = str.indexOf("?");
15         str = str.substr(num + 1); //取得所有参数    stringvar.substr(start [， length])
16 
17         var arr = str.split("&"); //各个参数放到数组里
18         for (var i = 0; i < arr.length; i++) {
19             num = arr[i].indexOf("=");
20             if (num > 0) {
21                 name = arr[i].substring(0, num);
22                 value = arr[i].substr(num + 1);
23                 this[name] = value;
24             }
25         }
26     }
27 
28     var Request = new UrlSearch(); //实例化
29     document.getElementById("UserName").innerHTML = Request.UserName;
30     document.getElementById("Password").innerHTML = Request.Password;
31 </script>