从html表单获取值作为JavaScript变量

我想捕获通过表单从一个页面发送到另一个.html页面的输入变量，并将这些值作为JavaScript变量获取。这是可以做到的

这是我的表格

<form action='another.html' id='form' data-ajax='false'>
<input id='sent_by' value='tom'/>
<input type='submit' value='Submit'/>
</form>

---

但我无法得到这些值。非常感谢您的帮助。

您可以使用浏览器的本地存储来实现这一点。在提交和转到其他页面之前，请将表单的所有值存储在localStorage中，然后您可以在其他页面上访问它：

页面1.html

Field Name=“Name”

读取该值并将其存储到localStorage

localStorage.setItem（'name'，document.getElementById（'name'）.value）

等等。
您可以在JavaScript中创建一个函数，在提交时/提交前将表单的所有字段保存在localStorage中

要在另一页上读取这些值，请执行以下操作：

页面2.html
可以使用以下JavaScript获取为key name存储的值：

localStorage.getItem("name");

注意

page1.html和page2.html应该位于同一个域中，以便您访问localStorage

在
上阅读有关localstorage的更多信息您可以使用浏览器的localstorage来实现这一点。在提交和转到其他页面之前，请将表单的所有值存储在localStorage中，然后您可以在其他页面上访问它：

页面1.html

Field Name=“Name”

读取该值并将其存储到localStorage

localStorage.setItem（'name'，document.getElementById（'name'）.value）

等等。
您可以在JavaScript中创建一个函数，在提交时/提交前将表单的所有字段保存在localStorage中

要在另一页上读取这些值，请执行以下操作：

页面2.html
可以使用以下JavaScript获取为key name存储的值：

localStorage.getItem("name");

注意

page1.html和page2.html应该位于同一个域中，以便您访问localStorage

在
上阅读有关本地存储的更多信息您尝试过使用吗？它类似于会话存储，但没有过期日期。因此，请确保在浏览会话结束后将其清除。
您是否尝试过使用？它类似于会话存储，但没有过期日期。因此，在浏览会话结束后，一定要清除它。
我认为@Shakti Phartiyal提供的答案可能是我可能会添加的最实际、最甜蜜的技巧。我写这篇文章的主要原因是，我也花了很长时间使用javascript来传递此类信息。这让我感到困惑，PHP对于您专用javascript完成的某些任务有多么强大。（是的，我知道一些javascript向导可以用它做任何事情，我只是在谈论基本编程）。因此，如果您想知道PHP是如何传递这些信息的：

修改后的html表单：

<form action='another.html' id='form' data-ajax='false' method='post'>
<input id='sent_by' value='tom' name='uname'/>
<input type='submit' value='Submit'/>
</form>



然后在“other.php”中，您可以使用以下命令从表单中检索输入：

<?php
$uname= htmlspecialchars($_POST['uname'];
?>

我认为@Shakti Phartiyal提供的答案可能是我可能会添加的最实际、最甜蜜的技巧。我写这篇文章的主要原因是，我也花了很长时间使用javascript来传递此类信息。这让我感到困惑，PHP对于您专用javascript完成的某些任务有多么强大。（是的，我知道一些javascript向导可以用它做任何事情，我只是在谈论基本编程）。因此，如果您想知道PHP是如何传递这些信息的：

修改后的html表单：

<form action='another.html' id='form' data-ajax='false' method='post'>
<input id='sent_by' value='tom' name='uname'/>
<input type='submit' value='Submit'/>
</form>



然后在“other.php”中，您可以使用以下命令从表单中检索输入：

<?php
$uname= htmlspecialchars($_POST['uname'];
?>

从何处获取id
$.session.get
来源？据我所知，这不是jQuery或jQuery Mobile的一部分。该特定表单将使用GET发送，这意味着表单参数最终会出现在目标页面的查询字符串中（例如，
other.html？sent_by=tom&submit=submit
）。告诉你如何得到它们。这就是你要问的吗？@T.J.Crowder，我在试另一个例子website@T.J.Crowder，让我检查一下。但这就是您要问的，如何在
other.html
上使用JavaScript获取通过get传递的值？从何处获取id
$.session.get
？据我所知，这不是jQuery或jQuery Mobile的一部分。该特定表单将使用GET发送，这意味着表单参数最终会出现在目标页面的查询字符串中（例如，
other.html？sent_by=tom&submit=submit
）。告诉你如何得到它们。这就是你要问的吗？@T.J.Crowder，我在试另一个例子website@T.J.Crowder，让我来看看。但这就是你要问的，如何在
other.html
上使用JavaScript通过get传递值？谢谢@Shakti，你刚刚介绍了localStorage。我从未真正尝试过。我得去读更多关于它的内容，因为我可能会继续需要它。谢谢@Shakti，你刚刚介绍我使用localStorage。我从未真正尝试过。只要去读更多关于它的书，因为我可能会继续需要它。