关于html文件之间做表单数据传输和处理浅谈

朴灿烈づ我的快乐病毒、 2024-03-24 21:51 66阅读 0赞

![39b7737d53dca36b83dff20f43f63032.jpeg][]

### web前端html文件之间做[表单][Link 1]数据传输和处理 ###

首先是登录[跳转页面][Link 2]问题。后台提供登录验证的接口，但是要在前端html文件间完成表单数据的传输、接收和跳转。

**那么有两种方法：**

一、只有一个html文件，[登录验证][Link 3]时发送表单数据给自身，由自身的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中，方便之后使用。

转自：[微点阅读][Link 4] [https://www.weidianyuedu.com][https_www.weidianyuedu.com]

[39b7737d53dca36b83dff20f43f63032.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/13/5dad787e91ea48099d52a60a138868c3.png
[Link 1]: https://so.csdn.net/so/search?q=%E8%A1%A8%E5%8D%95&spm=1001.2101.3001.7020
[Link 2]: https://so.csdn.net/so/search?q=%E8%B7%B3%E8%BD%AC%E9%A1%B5%E9%9D%A2&spm=1001.2101.3001.7020
[Link 3]: https://so.csdn.net/so/search?q=%E7%99%BB%E5%BD%95%E9%AA%8C%E8%AF%81&spm=1001.2101.3001.7020
[Link 4]: https://m.weidianyuedu.com/
[https_www.weidianyuedu.com]: https://www.weidianyuedu.com

发表评论取消回复

表情：

评论列表（有 0 条评论，66人围观）

还没有评论，来说两句吧...

相关阅读

相关 html form表单数据转为json传输

html form表单数据转为json传输 **from 表单** <form id="form1" name="form1" method="post" ...

雨点打透心脏的1/2处/ 2024年04月17日 05:50/ 0 赞/ 98 阅读

相关关于HTML页面结构浅谈

正确的HTML格式加上良好的编码规范才是一个成熟合格的项目。 HTML页面基本结构 <!DOC

淡淡的烟草味﹌/ 2024年04月03日 11:39/ 0 赞/ 159 阅读

相关关于HTTP超文本传输协议浅谈

HTTP 的全称是 Hyper Text Transfer Protocol，中文名叫做超文本传输协议，HTTP协议是用于从网络传输超文本数据到本地浏览器的传送协议，它能保证传

小鱼儿/ 2024年04月03日 07:55/ 0 赞/ 109 阅读

相关关于html兼容性浅谈

![709c29d2a79533dc375c52c1de6f7808.jpeg][] 关于html兼容性为什么会出现兼容性问题? 由于市面上的浏览器种类太多了, 所

比眉伴天荒/ 2024年04月01日 15:42/ 0 赞/ 137 阅读

相关关于HTTP超文本传输协议浅谈

![293d35837ced78f790a243342c363168.jpeg][] 什么是协议协议是一种约定，规定好信息的传输格式，如果发送⽅按照这种请求格式发送信息

清疚/ 2024年04月01日 08:54/ 0 赞/ 122 阅读

相关 html文件之间如何做表单数据传输和处理

![16a8cabb64665f1987aa215387be31ae.jpeg][] 首先是登录跳转页面问题。后台提供登录验证的接口，但是要在前端html文件间完成[表单][

╰+哭是因爲堅強的太久メ/ 2024年03月26日 12:12/ 0 赞/ 70 阅读

相关浅谈：关于HTML、CSS和JS

![a808ceb5eb59b2497d10f59ce5aabfd1.jpeg][] 转自：[微点阅读][Link 1] [https://www.weidianyuedu.

刺骨的言语ヽ痛彻心扉/ 2024年03月25日 22:15/ 0 赞/ 96 阅读

相关关于html文件之间做表单数据传输和处理浅谈

![39b7737d53dca36b83dff20f43f63032.jpeg][] web前端html文件之间做[表单][Link 1]数据传输和处理首先是登录[跳

朴灿烈づ我的快乐病毒、/ 2024年03月24日 21:51/ 0 赞/ 67 阅读

相关浅谈JavaScript表单

浅谈表单脚本一、表单的基础知识取得<form>元素引用的方式： 1) 为<form>元素添加id，然后通过getElementById()方法来访问； va

女爷i/ 2022年06月17日 05:12/ 0 赞/ 393 阅读

相关【ASP.NET MVC系列】浅谈表单和HTML辅助方法

ASP.NET MVC系列文章 > 【01】[浅谈Google Chrome浏览器（理论篇）][Google Chrome] > > 【02】[浅谈Google Chrom

今天药忘吃喽~/ 2021年09月29日 13:40/ 0 赞/ 207 阅读