Iron Ajax - 如何从响应功能访问响应？

Question

我有这个元素：

<template>
...
<iron-ajax 
   id="ajax" 
   url="..." 
   handle-as="json" 
   verbose=true 
   last-response={{ajaxResponse}} 
   loading="{{cargando}}"
   on-response="_handleResponse"> 
</iron-ajax>

<div id="resultado"></div>
</template>

<script>
    Polymer({
        ...

        _handleResponse: function(event){
            console.log("_handleResponse... ");
            // this.$.resultado.innerHTML = event.detail.innerHTML;
        }
    });
</script>

我在 Firebug 中看到的响应是：

<p>Hello word</p>

我想访问_handleResponse 函数中的响应，以便将其设置为resultado div 的innerHTML，但没有任何效果。

我试过了：

• event.detail.innerHTML
• event.detail.response
• event.detail.xhr.response
• event.detail.xhr.responseText
• event.detail.request.xhr.response（这条路线不存在，怎么可能是Polymer Iron Ajax - How to access Response from Request after Error Event?中的解决方案？）

如果我在 on-response 功能中调试并观察 e.detail.response 值：

在网络标签中我可以看到响应（简单的“你好”）：

Answer 1

响应数据实际上是在<iron-ajax>.response 事件的event.detail.response 中返回的。你的response 字段是null，因为你错误地配置了<iron-ajax>.handleAs。当您将其设置为json 时，Accept-Type 标头将设置为application/json，并且任何响应都将使用JSON.parse() 进行解析。如果您的服务器忽略 Accept-Type 并发送它想要的任何内容，<iron-request> 将尝试将响应解析为 JSON 并失败，从而根据 spec 导致 null response body。请注意，hello 和 <p>Hello</p> 不是有效的 JSON 字符串。

如果要接收明文数据，请将<iron-ajax>.handleAs设置为text（默认为json）。

Demo of <iron-ajax handle-as="text">

Demo of <iron-ajax handle-as="json">

---

• event.detail.request.xhr.response（这条路线不存在，怎么可能是Polymer Iron Ajax - How to access Response from Request after Error Event?中的解决方案？）

question you linked 询问<iron-ajax>.error 事件，它的事件详细信息与<iron-ajax>.response 事件不同。

当<iron-ajax> 收到服务器响应时，它fires the response event 将对应的<iron-request> 作为事件详细信息。

如果请求因任何原因失败，<iron-ajax>fires the error event 带有一个 object（通过 request 属性包含 iron-request，通过 error 包含基础错误）为活动详情。