我想将表单值从一个html页面传递到另一个html页面。
我想知道是否可以在不使用服务器端代码的情况下在html页面之间传递值。
如果没有,我如何传递值? (我不想使用服务器端...)
这是我的一些项目代码:
第一个HTML页面
<form id="myForm" method="post" action="secondHTMLPage URL">
<input type="hidden" id="UserID" name="UserID" value="12345">
</form>
<script type="text/javascript">
$("#myForm").submit();
</script>
第二HTML页面
<script type="text/javascript">
// In here, I want to retrieve my $("#myForm")'s data from First Page.
</script>
答案 0 :(得分:2)
您可以尝试使用Window.sessionStorage或Window.localStorage。
只读的
localStorage
属性允许您访问文档来源的存储对象;存储的数据跨浏览器会话保存。
localStorage
与sessionStorage
相似,不同之处在于,尽管存储在localStorage
中的数据没有到期时间,但是存储在sessionStorage
中的数据在页面会话结束时被清除了–是,当页面关闭时。
在一页中设置值
localStorage.setItem('myCat', 'Tom');
//using sessionStorage
//sessionStorage.setItem('myCat', 'Tom');
获取其他页面中的值
var cat = localStorage.getItem('myCat');
//using sessionStorage
//var cat = sessionStorage.getItem('myCat');