最近跟学长做一个项目,负责web前端,准备记录下遇到的问题,和一些收获。
首先是登录跳转页面问题。后台提供登录验证的接口,但是要在前端html文件间完成表单数据的传输、接收和跳转。
那么有两种方法:一、只有一个html文件,登录验证时发送表单数据给自身,由自身的js进行数据处理;二、准备两个html文件,在第一个html文件负责发送表单数据给第二个页面,第二个页面再接受进行数据处理。
我采用了第二种方法,两个html文件。首先是默认的index.html,另一个是进行登录验证的main.html。
那么首先就是index.html的表单
<form action="main.html" method="get">
注意这里是get方法。
因为如下,是main.html中<script>代码段中的一段,用来取得url地址中附带的表单数据,所以要用get方法,而post方法数据在url是不可见的,所以以下方法并不适用。
var url = location.search;
var Request = new Object();
if(url.indexOf('?') != -1) {
var str = url.substr(1) //去掉?号
strs = str.split('&');
for(var i = 0; i < strs.length; i++) {
Request[strs[i].split('=')[0]] = unescape(strs[i].split('=')[1]);
}
}
这一段代码段将url?之后的数据逐一取出来存储在对象Request中,方便之后使用。