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

来源:互联网 发布:涉密网络分级保护 编辑:程序博客网 时间:2024/05/22 02:07

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

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

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

是这样的: 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);
好啦。就可以啦

 



0 0
原创粉丝点击