趴一趴如何用最簡單的方式從html form表單中獲取到資料
阿新 • • 發佈:2018-12-23
最近網速一直不太好 ~~~不開心
本文采用的是最簡單的方式,僅供自己試驗,畢竟存在一些不安全因素。
看了其他好的的方式發現都太麻煩,所以自己總結下。
是這樣的: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);
好啦。就可以啦