Polymer 3.0 iron-ajax 返回空响应

Question

我专业地使用过 Polymer 1 和 2，但直到今天我还没有尝试过 Polymer 3.0。我正在尝试测试响应，但我无法让它工作。

这是我的 Iron-ajax 组件：

<iron-ajax id="requestData" url="/src/witches-brew-app/requests.json" handle-as="json" 
    last-response="{{requests}}"
    on-response="_requestResponse"
    on-error="_requestError">
</iron-ajax>

我有一个调用 Iron-jax 的 generateRequest 函数的按钮，你可以看到一个在收到响应时调用的函数。

_requestResponse(e){
    console.info(e);
    console.info(this.requests);
 }

_getRequests(){
    console.info("_getRequests")
    this.$.requestData.generateRequest().then(function (e) {
        console.info("_getRequests PROMISE")
        console.info(this.requests);
    }.bind(this));
}

承诺似乎永远不会回来，但网络标签显示了我在谷歌浏览器中的所有数据！

Networking tab

_requestResponse 函数确实会被触发，但它也会将 requests 属性打印为 null。

知道是什么原因造成的吗？我这辈子都想不通。我也用自动标志尝试过，我得到了完全相同的问题。

Answer 1

您很可能在requests 属性中收到了数据。但是在上面的代码中，由于检索数据的时间，您收到了 null。因此，如果您观察以下属性，您可能会看到iron-ajax 收到的数据：

这里是 iron-ajax DEMO 的工作示例

static get properties() { return { 
    requests: { 
       type: Object,
       observer:'_requestResponse'  }
}

_requestResponse(e){
    if (e) {
       console.info(e);
       console.info(this.requests);
    }
}

• 当然，您需要删除on-response="_requestResponse"

编辑：

static get observers() { return ['_requestResponse(requests)'] }