我希望我的网站中有两个这样的网页:

  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:..........

推荐答案

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

遵循以下步骤:

  1. 设计你的用户页面.添加一个表单,用户可以使用该表单输入与帖子相关的数据.使用localStorage web api的setItem()方法将帖子存储在一个数组中.
var posts = [];

localStorage.setItem("posts", JSON.stringify(posts));
  1. 设计管理面板,在那里你必须显示数据.使用getItem()方法从本地存储获取postsarray.
var storedPosts = JSON.parse(localStorage.getItem("posts"));

数据存储在浏览器的永久存储器中.这样你就不会在从用户页面移动到管理员页面时丢失帖子数据.

阅读这article篇文章,了解有关localStorage的详细解释以及示例和项目.

Javascript相关问答推荐

没有输出到带有chrome.Devtools扩展的控制台

提交表格后保留Web表格中的收件箱值?

使用续集和下拉栏显示模型属性

被CSS优先级所迷惑

扫描qr code后出错whatter—web.js

如何找出摆线表面上y与x相交的地方?

Snowflake JavaScript存储过程返回成功,尽管预期失败

TypeScript索引签名模板限制

当运行d3示例代码时,没有显示任何内容

如何在Javascript中使用Go和检索本地托管Apache Arrow Flight服务器?

Google maps API通过API返回ZERO_RESULTS,以获得方向请求,但适用于Google maps

JSDoc创建并从另一个文件导入类型

如何将数据块添加到d3力有向图中?

未捕获的运行时错误:调度程序为空

如何访问此数组中的值?

重新呈现-react -筛选数据过多

如何在Jest中模拟函数

正则表达式以确定给定文本是否不只包含邮箱字符串

使用Java脚本替换字符串中的小文本格式hashtag

JSX/React -如何在组件props 中循环遍历数组