我想捕获通过表单从一个页面发送到另一个.html 页面的输入变量,并将这些值作为 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");
但我无法获取这些值。感谢所有帮助。
最佳答案
您可以使用浏览器的 localStorage 来实现此目的。在提交并进入其他页面之前,将表单的所有值存储在 localStorage 中,您可以在其他页面上访问它:
Page1.html
字段名称=“名称”<input type="text" name="name" id="name" />
读取值并将其存储到localStorage
localStorage.setItem('name', document.getElementById('name').value);
等等。 您可以在 JavaScript 中创建一个函数,在提交时/之前将表单的所有字段保存在 localStorage 中。
要读取另一页上的这些值:
Page2.html 可以使用以下 JavaScript 获取为键名称存储的值:
localStorage.getItem("name");
注意
page1.html 和 page2.html 应位于同一域中,以便您访问 localStorage。
了解有关本地存储的更多信息,请访问 https://developer.mozilla.org/en-US/docs/Web/API/Storage/LocalStorage
关于javascript - 从 html 表单获取值作为 JavaScript 变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43338416/