关于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.weidianyuedu.com