1. 程式人生 > >趴一趴如何用最簡單的方式從html form表單中獲取到資料

趴一趴如何用最簡單的方式從html form表單中獲取到資料

最近網速一直不太好 ~~~不開心

本文采用的是最簡單的方式,僅供自己試驗,畢竟存在一些不安全因素。

看了其他好的的方式發現都太麻煩,所以自己總結下。

是這樣的: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);

好啦。就可以啦