首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在html中将数据从一个页面传递到另一个页面?

如何在html中将数据从一个页面传递到另一个页面?
EN

Stack Overflow用户
提问于 2020-01-30 07:05:58
回答 5查看 2K关注 0票数 1

我需要将表单数据从一个HTML页面传递到另一个HTML页面。总共有5页。用户按以下顺序输入数据:

第一页:名称

第2页:重量

第3页:高度

第4页:出生国

第5页:显示输入的所有数据,并根据ajax请求将其发送到数据库。

我知道我可以在一个表单中获取用户数据,并且不需要多个页面,但是这个需求对于我的项目来说是独一无二的,而且它必须是上面提到的方式。我尝试将数据作为URL参数传递,但是在第一个页面之后,变量会被第二个页面的变量覆盖。请帮助我是新的HTML和js。

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2020-01-30 07:18:52

sessionStorage和本地存储都可以工作。你可以根据你的要求选择任何一个。

sessionStorage,示例:

代码语言:javascript
复制
  sessionStorage.setItem('name', 'my name');
  let data = sessionStorage.getItem('name');
  sessionStorage.removeItem('name');
  sessionStorage.clear();

localStorage:示例:

代码语言:javascript
复制
       save data: localStorage.setItem('Name', 'My name');
       get data : localStorage.getItem('Name');
       remove data from local : localStorage.removeItem('Name');

我希望这会对你有帮助

票数 1
EN

Stack Overflow用户

发布于 2020-01-30 07:19:14

您有可用的代码显示吗?就目前情况而言,这可能不是一个可以回答的问题。但是,通常您可以将来自一个页面的值存储在<input type="hidden"> html标记中,并在下一次调用中使用该值。最后,您可以在js中通过XMLHttpRequest()发出ajax请求,但是需要像PHP或Python这样的后端脚本来处理与数据库的通信。下面是一个我可以尝试的例子,假设您将表单数据发送到下面的假设页面:

代码语言:javascript
复制
<form action="height.html" method="GET">
    <input hidden="text" name="valuetopass" />
    <input type="submit" value="Submit" />
</form>

然后您可以添加这样的javascript:

代码语言:javascript
复制
var data = window.location.search; // You have parse after this point

数据现在将包含一个字符串,其中包含您的url,其中附加了上一个表单中的值,您需要解析它才能使这个值,然后可以使用该值通过调用document.getElementsByName("valuetopasss");来设置下一个隐藏输入值。

票数 0
EN

Stack Overflow用户

发布于 2020-01-30 07:20:40

HTML本质上是无状态的,这意味着对一个页面的每一个文件访问都是一个新世界。要传递数据,可以在URL中对数据进行编码,或者需要在页面之间存储数据的后端。

另一种方法是一些浏览器会话存储。如果您讨论的是单个页面应用程序,则可以将JavaScript与保存信息的对象一起使用。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59980695

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档