WEB前端:关于html文件之间做表单数据传输和处理

web前端html文件之间做表单数据传输和处理

首先是登录跳转页面问题。后台提供登录验证的接口,但是要在前端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中,方便之后使用。

转自:品略网 https://www.pinlue.cn/