跨元素的数据持久性

时间:2016-08-30 05:26:23

标签: javascript ajax polymer

假设我想为我的用户提供数据提供程序元素,例如

<user-data-provider user-data="{{data}}"></user-data-provider>

发送ajax请求并获取登录用户。

假设我想访问不同页面中的用户数据,并将此标记添加到我需要的任何位置,但问题是,每次浏览器看到此标记时,再次生成ajax,我必须等到数据为止取出!

我知道我可以在我的主页面中创建一个变量并将其传递给子页面,但这对我来说似乎有点过分了!

如何在不同页面和部分应用中保留用户数据?

提前谢谢

2 个答案:

答案 0 :(得分:4)

有不同的方法可以做到这一点。

  1. 您可以使用i use hipster to builder my procedures,but it is wrong
  2. 您可以在根元素或index.html中拥有user-data-provider元素的一个实例,并使用monostate pattern将数据传输到要使用它的所有其他元素
  3. 您可以使用iron-signals拥有全局状态
  4. 使用外部状态管理框架(即redux)。有一个聚合物包装:iron-meta
  5. 我建议使用外部状态管理框架,例如redux。

    这里显示了一些解决方案:

    polymer-redux

答案 1 :(得分:0)

我将pouchdb用于我的数据存储,并使用聚合物的predefined elements来处理它

现在每次我需要数据时,我只使用该组件