牛骨文教育服务平台(让学习变的简单)
博文笔记

趴一趴如何用最简单的方式从html form表单中获取到数据

创建时间:2016-11-30 投稿人: 浏览次数:145

最近网速一直不太好 ~~~不开心

本文采用的是最简单的方式,仅供自己试验,毕竟存在一些不安全因素。

看了其他好的的方式发现都太麻烦,所以自己总结下。

是这样的:input.html页面中有一段代码。

代码中包含一个form表单, action里填写的另一个index.html页面,用来接收数据。采用get方式。

form表单下面含有一个input标签。

当点击submit是,我们的url就会通过地址栏的方式传递到index.html页面。

<form action="index.html" method="get"> 
 Homepage:<input type="url" name="user_url"> 
 <input type="submit"/> 
</form>

现在我们要在index.html页面获取到我们发送过来的信息。

<p id="text" name="text">a</p> 
<script> 
var text=window.location.search; 
//获取后面参数的值 var loc=text.substring(text.lastIndexOf("=")+1,text.length); 
document.getElementById("text").innerHTML=loc; 
</script> 

这边的代码我是这样写的: 首先肯定得有个地方来显示我们的数据,我用的p标签,管你什么标签不在意,重要的是给他个id。   

 window.localtion.search 表示的是获取地址栏?及后面的参数。
   如:index.html?id=1&uname=2
       window.localtion.search获取的就是?id=1&uname=2

而有时候我们采用的window.localtion.href就是获取的index.html?id=1&uname=2整个地址栏

采用此方法可以将我们的参数获取到,现在要做的就是去掉?.

看过其他人的正则表达式还是什么都太麻烦。

直接substring就可以。看需要数据前面那一个是什么,一般是?或者=

然后从?或者=后面一个数开始截取直到最后

text.substring(text.lastIndexOf("=")+1,text.length);

好啦。就可以啦

 



声明:该文观点仅代表作者本人,牛骨文系教育信息发布平台,牛骨文仅提供信息存储空间服务。