如何在提交表单后转到新页，并使新页显示已处理的表单信息？
从现在开始，在他们按下submit后，他们会停留在同一个页面上，一旦他们按下submit，文本框下面会出现一个段落，并说“谢谢你______”
我通过设置“var name=document.getElementById（”mytext“）.value”来存储用户在文本框中输入的任何内容的值。如果我要转到一个新页面，我不知道如何将变量“name”转移到该页面。
下面是我所说的代码，所以您可以测试它，看看我的意思。我希望有一个新的页面说“谢谢你_____”一旦提交按钮被按下，但我不知道如何将文本框的值转移到一个新的页面上。
.container2 > * {
vertical-align:top;
}
textarea {
border: 3px solid #FF9333;
resize: none;
height: 30px;
width: 300px;
}
textarea:focus{
border: 3px solid #E86D00;
outline: none;
}
button {
height: 30px; width: 70px;
color: #FFFFFF;
background-color: #FF7800;
border-left: 2px solid #DCDCDC;
border-top: 2px solid #DCDCDC;
border-bottom: 2px solid #ADADAD;
border-right: 2px solid #ADADAD;
outline: none;
}
button:hover {
background-color: #E86D00;
cursor: pointer;
}
button:active {
text
background-color: #FF8315;
border-right: 2px solid #DCDCDC;
border-bottom: 2px solid #DCDCDC;
border-top: 2px solid #ADADAD;
border-left: 2px solid #ADADAD;
}<body>
<div class = "container2"><textarea placeholder = "Enter name here" style = "margin-right: 10" type="textarea" id="myText"></textarea>
<button id = "submit" onclick="getName();">Submit</button></div>
<p id = "result"></p>
<script>
var name;
function getName() {
name = document.getElementById("myText").value;
document.getElementById("result").innerHTML = "Thank you, " + name;
}
</script>
</body>在代码中，我通过将变量“name”设置为“document.getElementById（”mytext“）.value”来存储提交的值，因此，如果用户被定向到一个新页面，“name=document.getElementById（”mytext“）.value”还能工作吗？我对如何将textbox的值存储在一个变量中感到困惑，该变量也可以在另一个页面中使用。是否仅仅取决于变量“name”是全局的还是局部的？（我所有的代码都在记事本++中）。
注意：我知道，在Submit按钮被按下后，我可以通过将显示设置为none来折叠textbox，但是我的实际代码稍微复杂一点，所以如果我可以转到一个新页面，就会更容易。
共有1个答案
您可以将名称作为URL参数传递：www.yoursite.com/？username=anika
并在您的JS中使用它：
const queryString=window.location.search const urlParams=new URLSearchParams（queryString）const username=urlParams.get('username')
-
可以给我一个例子从提交按钮后的输入中提取数据，并在同一页发送到输出H2吗？ 这是我的输入和提交按钮。 谢谢你的帮助！！
-
问题内容： 当按下发送按钮而字段中没有任何数据时，如何防止页面刷新？ 验证设置工作正常，所有字段均变为红色，但随后页面立即刷新。我对JS的知识比较基础。 我特别认为底部的功能是“不良”。 的HTML JS 问题答案： 您可以阻止表单提交 当然，在该函数中，您可以检查是否有空白字段，如果看起来不正确，将停止提交。 没有jQuery：
-
问题内容： 有人可以告诉我使用 jquery来显示成功提交表单 而不刷新页面 的教程。传递邮件时，在gmail上会发生类似的事情，黄色的叠加层显示邮件已传递，然后淡出。 我希望根据表单提交的结果显示消息。 问题答案： 好的…类似这样的东西…但是我没有尝试过…所以像教程一样使用它。您也可以使用json js： HTML： form_process.php
-
问题内容： 当按下发送按钮而字段中没有任何数据时，如何防止页面刷新？ 验证设置工作正常，所有字段均变为红色，但随后页面立即刷新。我对JS的知识比较基础。 我特别认为底部的功能是“不良”。 的HTML JS 问题答案： 您可以阻止表单提交 当然，在该函数中，您可以检查是否有空白字段，如果看起来不正确，将停止提交。 没有jQuery：
-
问题内容： 我的表单类似于以下内容： 我是AJAX的新手，我要完成的工作是当用户单击“提交”按钮时，我希望脚本在后台运行而不刷新页面。 我尝试了类似下面的代码的方法，但是，它似乎仍然像以前一样提交表单，而不像我所需要的那样（在幕后）： 如果可能的话，我想获得使用AJAX实施此功能的帮助， 提前谢谢了 问题答案： 您需要阻止默认操作（实际提交）。
-
> 第一种形式是客户可以通过数据库中的id值作为单选按钮获取所有产品 客户endpoint击提交。 PHP询问提交按钮的集合名称 如果是设置，它呼应第二种形式，客户可以添加他或她选择的产品规格。表单是输入类型文本和文本区域的 然后php询问第二个表单的提交按钮的名称 但问题是当客户端按submit以获取第二个表单时 如果第一个表单未设置，那么其余的代码应该检查第二个表单不存在，因为两个表单都退出代