当前位置: 首页 > 面试题库 >

将表单数据传递到另一个HTML页面

巫英纵
2023-03-14
问题内容

我有两个HTML页面:form.html和display.html。在form.html中,有一种形式:

<form action="display.html">
    <input type="text" name="serialNumber" />
    <input type="submit" value="Submit" />
</form>

表单数据将发送到display.html。我想serialNumber在display.html中显示和使用表单数据,如下所示:

<body>
    <div id="write">
        <p>The serial number is: </p>
    </div>
    <script>
    function show() {
        document.getElementById("write").innerHTML = serialNumber;
    }
    </script>
</body>

那么,如何将serialNumber变量从form.html传递到display.html,以便display.html中的上述代码将显示序列号,而JavaScript函数show()serialNumber从第一个HTML获取?


问题答案:

如果没有选择使用服务器端编程(例如PHP)的选项,则可以使用查询字符串或GET参数。

在表单中,添加一个method="GET"属性:

<form action="display.html" method="GET">
    <input type="text" name="serialNumber" />
    <input type="submit" value="Submit" />
</form>

当他们提交此表单时,会将用户定向到包含该serialNumber值作为参数的地址。就像是:

http://www.example.com/display.html?serialNumber=XYZ

然后,您应该能够serialNumber使用以下window.location.search值从JavaScript
解析查询字符串(其中将包含参数值):

// from display.html
document.getElementById("write").innerHTML = window.location.search; // you will have to parse
                                                                     // the query string to extract the
                                                                     // parameter you need


 类似资料:
  • 问题内容: 我的主页上有一个表单,提交后,会将用户带到网站上的另一个页面。我想将输入的表单数据传递给下一页,例如: 用户在表格中输入的电子邮件地址在哪里。我到底该如何完成? 问题答案: 最好的方法是使用POST,这是超文本传输​​协议的一种方法https://developer.mozilla.org/en- US/docs/Web/HTTP/Methods index.php site2.php

  • 我对ThymLeaf和Spring相当陌生,我正在学习一门将JSP用于客户端视图页面的课程。我无法使用Spring Launalizr设置JSP,所以我转而使用Thymeleaf(我想无论如何我最终都会正常使用Thymeleaf) 我的问题是,我如何将表单数据从一种超文本标记语言传递到另一个页面?我试着查看留档,谷歌搜索,什么也找不到。 我已经尝试使用,一个类来设置对象和变量(我知道这是一种方法,

  • 我想在Node中创建一个用户管理系统。我有一个页面,其中所有用户都列在一个表中。在我按下编辑按钮后,它将转到包含该用户所有信息的用户页面。但我不知道如何将用户名传递到我的节点函数中。 是显示用户信息的页面 我将用户的用户名传递到按钮的值中。 这就是我获取表格数据的方式 如果有人能帮我得到这个功能,我将非常感谢!

  • 问题内容: 我有两个页面-“页面1”和“页面2”。在第1页上,有一个文本框,其值例如为100,最后是一个按钮。 通过按下按钮,我希望javascript将文本框的值保存在全局(?)变量中,然后跳转到第2页。使用“ window.onload”,我想要第二个Javascript函数来提醒保存在page1的值。 这是我的Javascript代码: 在“页面1”上,我有一个带有以下内容的发送按钮: 它启

  • 我已经编写了三个类(、、),我想使用映射将数据存储到表中。我正在使用JSON将数据存储到表中。 当我存储数据时,数据存储在所有表中,但在用户ID中显示,在UserCredential ID中显示,在地址ID中显示,而在第一个条目中,所有ID都应该是。 班级是 用户凭据。Java语言 一个ddress.java 我真的不明白如何克服这个问题。 存储数据的JSON格式 和具有不同id的响应,而它们在第

  • 我尝试将学生名字从main类传递到students类,但在运行时出错。 主类是 学生的班级是 此外,我如何使我的程序检查用户是否输入字符串? 谢谢大家