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

╰+哭是因爲堅強的太久メ 2024-03-26 12:12 43阅读 0赞

![16a8cabb64665f1987aa215387be31ae.jpeg][]

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

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

一、只有一个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][https_www.weidianyuedu.com]

[16a8cabb64665f1987aa215387be31ae.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/f42c42591f2d4c45b7bd3862a2b8d1ef.png
[Link 1]: https://so.csdn.net/so/search?q=%E8%A1%A8%E5%8D%95&spm=1001.2101.3001.7020
[https_www.weidianyuedu.com]: https://www.weidianyuedu.com

发表评论取消回复

表情：

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

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

相关阅读

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

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

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

相关 HTML：表单和按钮

表单：表单标签的基本语法： <form action=”处理数据程序的URL地址” method=”get|post” name=”表单名称”>……</form> 其中：

迷南。/ 2024年03月26日 21:24/ 0 赞/ 89 阅读

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

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

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

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

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

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

相关如何使用 Java Servlet 处理 HTML 表单数据

在本 Java Servlet 教程中，我将指导您如何使用[Java Servlet][]从服务器端的 HTML 表单中读取常用输入字段的值。您知道，处理以 HTML 页面

偏执的太偏执、/ 2023年09月30日 08:54/ 0 赞/ 5 阅读

相关 html表单php数据,php-以HTML表单提交画布数据

如何在PHP CodeIgniter表单中提交Canvas内容？表单上的输入之一是用于绘图或网络摄像头照片的画布. 我创建了一个标签< input name =“ pic

缺乏、安全感/ 2022年11月12日 13:50/ 0 赞/ 243 阅读

相关 servlet处理html表单文件上传

用servlet处理html表单文件上传多的不说，直接上代码 HTML代码： <form role="form" action="applyServlet" m

ゞ浴缸里的玫瑰/ 2022年08月09日 09:43/ 0 赞/ 216 阅读

相关数据文件传输和数据库数据传输

ISFRAME 信息系统架构平台 isframe@qq.com -------------------- 三、DC认识篇下载软件文档： http://pan.b

╰半橙微兮°/ 2022年06月07日 10:16/ 0 赞/ 251 阅读

相关如何实现 Windows 系统和 Linux 系统之间的文件传输

通常，我们会在 Windows 上进行项目开发，而服务器会采用 Linux 系统，这时，如何实现 Windows 系统和 Linux 系统之间的文件传输呢？实现方法主要有以

青旅半醒/ 2022年05月28日 12:59/ 0 赞/ 262 阅读

相关 windows 和 linux 之间文件传输

对于经常使用Linux系统的人员来说，少不了将本地的文件上传到服务器或者从服务器上下载文件到本地，rz / sz命令很方便的帮我们实现了这个功能，但是很多[Linux系

快来打我*/ 2022年04月17日 00:51/ 0 赞/ 340 阅读