最近跟學(xué)長做一個(gè)項(xiàng)目,，負(fù)責(zé)web前端,，準(zhǔn)備記錄下遇到的問題，和一些收獲,。

首先是登錄跳轉(zhuǎn)頁面問題,。后臺(tái)提供登錄驗(yàn)證的接口,，但是要在前端html文件間完成表單數(shù)據(jù)的傳輸,、接收和跳轉(zhuǎn)。

那么有兩種方法：一,、只有一個(gè)html文件,，登錄驗(yàn)證時(shí)發(fā)送表單數(shù)據(jù)給自身，由自身的js進(jìn)行數(shù)據(jù)處理,；二,、準(zhǔn)備兩個(gè)html文件，在第一個(gè)html文件負(fù)責(zé)發(fā)送表單數(shù)據(jù)給第二個(gè)頁面,，第二個(gè)頁面再接受進(jìn)行數(shù)據(jù)處理,。

我采用了第二種方法，兩個(gè)html文件,。首先是默認(rèn)的index.html,，另一個(gè)是進(jìn)行登錄驗(yàn)證的main.html。

那么首先就是index.html的表單

<form action="main.html" method="get">

因?yàn)槿缦?，是main.html中<script>代碼段中的一段，用來取得url地址中附帶的表單數(shù)據(jù),，所以要用get方法,，而post方法數(shù)據(jù)在url是不可見的，所以以下方法并不適用,。

			var url = location.search;
			var Request = new Object();
			if(url.indexOf('?') != -1) {
				var str = url.substr(1)　 //去掉?號(hào)
				strs = str.split('&');
				for(var i = 0; i < strs.length; i++) {
					Request[strs[i].split('=')[0]] = unescape(strs[i].split('=')[1]);
				}
			}

這一段代碼段將url,？之后的數(shù)據(jù)逐一取出來存儲(chǔ)在對(duì)象Request中，方便之后使用,。