聚合物铁ajax无法正常工作

Question

我正在测试Polymer的iron-ajax电话。 为此，我设置了一个虚拟视图：

<link rel="import" href="../bower_components/polymer/polymer-element.html">
<link rel="import" href="shared-styles.html">
<link rel="import" href="../bower_components/iron-flex-layout/iron-flex-layout-classes.html">

<dom-module id="my-voltage">
  <template is="auto-binding">
  <style include="shared-styles iron-flex iron-flex-alignment">
  .circle {
    display: inline-block;
    text-align:center;
    color: black;
    border-radius: 70%;
    background: #ddd;
    font-size: 30px;
    width: 110px;
    height: 110px;
    margin: 15px;
  }
  </style>
        <iron-ajax id="ajax"
                   auto
                   url="https://jsonplaceholder.typicode.com/posts/1"
                   last-response="{{data}}"
                   on-response="_onResponse"
                   handleAs="json">
        </iron-ajax>
        <div class="circle">{{data.id}}</div>
    </template>
  <script>
    class MyVoltage extends Polymer.Element {
      static get is() {
        return "my-voltage";
      }

      _onResponse() {
        setTimeout(() => this.$.ajax.generateRequest(), 500);
      }
    }
    customElements.define(MyVoltage.is, MyVoltage);
  </script>
</dom-module>

但是，这不起作用。 我想每半秒钟对API进行一次ping操作，但它甚至没有加载一次：我只是空了一个圈。

我在这里想念什么？ 为什么API调用无效？ 谢谢！

Answer 1

那么首先想到的是您忘记了导入它？ 根据您共享的代码，您仅导入聚合物元素，共享样式和iron-flex-layout类。 我看到的下一件事是，必须将handleAs参数编写为handle-as，因为html并不关心骆驼的情况