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

标签 javascript jquery html

我想捕获通过表单从一个页面发送到另一个.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/

相关文章:

javascript - Sails.js 表单发布未提交任何数据

javascript - 验证复选框是否已选中 - 代码有什么问题?

javascript - 如何通过ajax获取另一个页面的html标签中打印的JavaScript信息?

javascript - 可以使用网络 worker 来使计时更加准确吗

javascript - JQuery SVG 和字体着色

php - HTML 表单停止重定向并允许 PHP 从 HTML 文件中调用 JavaScript

javascript - 将方向作为变量传递给 jquery animate 函数

javascript - 我们如何检测网页上的图像加载完成?

javascript - jQuery的scrollTop动画返回Uncaught TypeError

jquery - 当空间不足时如何使superfish菜单向后打开?