gpt4 book ai didi

javascript - 如何使用 JavaScript 将 HTML FORM 数据从一个页面发送到另一个页面

转载 作者:行者123 更新时间:2023-11-28 05:41:05 24 4
gpt4 key购买 nike

我正在尝试使用 Javascript 将 HTML FORM 数据从一个页面发送到另一个页面。这是我的代码。假设我在 FORM.html 页面的“NAME”字段中输入任何文本。提交后,文本将显示在 DISPLAY.html 页面上。怎么做?请帮忙

FORM.html

<html>
<head>
<title>FORM</title>
</head>
<body>
<form method="GET" action="display.html">
NAME: <input type="text" name="name">
<input type="submit" value="Submit">
</form>
</body>
</html>

DISPLAY.html

<html>
<head>
<title>Display</title>
</head>
<body>
<p id="show">
Name: <!-- want to display the name here -->
</p>
</body>
</html>

最佳答案

如果您只想通过 JavaScript 完成此操作,则可以使用 window.localStorage 属性在本地存储 name 对象。

Form.html

<html>
<head>
<title>FORM</title>
</head>
<body>
<form id="form" method="GET" action="display.html">
NAME: <input type="text" name="name" id="name">
<input type="button" value="Submit" onclick="submitForm()">
</form>
<script>
function submitForm(){
if(typeof(localStorage) != "undefined"){
localStorage.name = document.getElementById("name").value;
}
document.getElementById("form").submit();
}
</script>
</body>
</html>

Display.html

<html>
<head>
<title>Display</title>
</head>
<body onload="setData()">
<p id="show">
Name: <!-- want to display the name here -->
</p>
<script>
function setData(){
if(typeof(localStorage) != "undefined"){
document.getElementById("show").innerHTML = localStorage.name;
}
}
</script>
</body>
</html>

关于javascript - 如何使用 JavaScript 将 HTML FORM 数据从一个页面发送到另一个页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38912950/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com