聚合物铁-ajax不起作用

Question

我正在测试聚合物的铁 - 阿贾克斯电话。为此，我设置了一个虚拟视图：

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

然而，这并不起作用。我想每半秒ping一次API，但它甚至没有加载一次：我只是得到一个空圈。

我在这里缺少什么？为什么API调用不起作用？谢谢！

Answer 1

首先想到的是你忘了导入它？根据您共享的代码，您只需导入polymer-element，shared-style和iron-flex-layout-classes。 接下来我看到handleAs param必须写成句柄 - 因为html不关心驼峰案例