在两个不同的网页之间共享HTML表单数据

Question

我希望在我的网站上有两个网页：

1. 用户可以将他们的数据输入到webpage-1中的文本填充/文本区域(html表单)中。
2. 他们的数据显示在网页-2。

**webpage-1:(user page)**

post :
name:....
age:....
roll:...
description:......


**webpage-2:(admin page)**

post no:1
name:....
age:....
roll:...
description:..........

post no:2 
name:....
age:....
roll:...
description:..........

post no:3 
name:...
age:....
roll:...
description:..........

Answer 1

你网站的基本架构应该是这样的。设计两个页面并使用本地存储共享数据。

遵循以下步骤：

1. 设计你的用户页面。添加一个表单，用户可以使用该表单输入与post相关的数据。使用web的setItem()方法将文章存储在数组中。

var posts = [];

localStorage.setItem("posts", JSON.stringify(posts));

1. 设计管理面板，您必须在其中显示数据。使用getItem()方法从本地存储中获取posts数组。

var storedPosts = JSON.parse(localStorage.getItem("posts"));

数据存储在浏览器的永久内存中。这样，在从用户页面移动到Admin页面时，您不会丢失您的帖子数据。

阅读此文章，了解localStorage的详细说明以及示例和项目。