Question

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

这是我的表格;

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

在我的another.html中，我试图将值设为;

var sent_by = $.session.get("sent_by");

但我无法获得价值观。感谢所有帮助。

Answer 1

您可以使用浏览器的localStorage来实现此目的。在提交并转到其他页面之前，将表单的所有值存储在localStorage中，您可以在另一页上访问它：

Page1.html

字段名称=＆＃34;名称＆＃34; Activity

读取值并将其存储到localStorage

<input type="text" name="name" id="name" />

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

要在另一页上阅读这些值：

Page2.html 可以使用以下JavaScript获取为密钥名称存储的值：

localStorage.setItem('name', document.getElementById('name').value);

注意

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

在https://developer.mozilla.org/en-US/docs/Web/API/Storage/LocalStorage
了解有关localstorage的更多信息

Answer 2

您是否尝试过使用Window.localStorage？它与sessionStorage类似，但没有到期日期。因此，请务必在浏览会话结束后将其清除。

Answer 3

我认为@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>

然后在“another.php”中你可以从表单中检索输入：

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

大。但是如何将这个php变量变成javascript？啊，有趣的部分。您将使用php将javascript写入您的网页 - 您可以执行以下操作：

var uname = "<?php echo $uname; ?>";

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

3 个答案: