javascript - 从自定义元素重新加载 polymer 元素或 ajax 调用

Question

我已经为此工作好几天了，但我脑子里没有什么好东西!我有一个使用 cookie 进行 session 处理的应用程序。该应用程序使用我在 header 中导入的多个自定义元素，其中一些元素需要使用 cookie session 中的信息来进行 ajax-core 调用。问题是当 cookie 未设置时(情况:首次启动)，因此，我登录应用程序并且必须重新加载页面才能开始获取“core-ajax auto”结果。我不知道如何执行监听器或如何重新加载所有自定义元素或如何重新加载特定的 core-ajax 调用。

你们中有人有过类似的情况吗？最好的修复方法是什么？

提前致谢!

Answer 1

在我看来，好像您需要设置 core-ajax auto="false"并使用 setTimeout() 延迟查询；

您可以通过为其分配一个 id(即本例中的 ajax)并调用 go(); 来在 polymer 元素内调用 ajax 调用；功能

this.$.ajax.go(); 

要从元素外部调用它，您必须首先在元素内部创建该函数。

Polymer('custom-element', {
   doSend: function (event, detail, sender) {
     this.$.ajax.go();
   }
});

然后使用

从主 js 文件中调用它

document.querySelector('custom-element').doSend(); 

因此，要将所有内容放在一起并延迟查询，您可以使用

setTimeout(function () {
    document.querySelector('custom-element').doSend();
}, 1000);

等待1秒后会调用custom-element内部core-ajax的go函数。