Iron Ajax - How to access Response from on-response function? - polymer

Question

I have this element:
<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>
The response I see in Firebug is:
<p>Hello word</p>
I want to access the response in _handleResponse function in order to set it as innerHTML of the resultado div, but nothing works.
I have tried:
event.detail.innerHTML
event.detail.response
event.detail.xhr.response
event.detail.xhr.responseText
event.detail.request.xhr.response (This route doesn't exist. How can it be the solution in Polymer Iron Ajax - How to access Response from Request after Error Event??)
If I debug and watch e.detail.response value when in on-response function:
In network tab I can see the response (simple 'hello'):

Answer 1

The response data is in fact returned in event.detail.response of the <iron-ajax>.response event. Your response field is null because you've misconfigured <iron-ajax>.handleAs. When you set it to json, the Accept-Type header is set to application/json and any response would be parsed with JSON.parse(). If your server ignores Accept-Type and sends whatever it wants, <iron-request> will attempt to parse the response as JSON and fail, causing a null response body per the spec. Note that hello and <p>Hello</p> are not valid JSON strings.
If you want to receive plaintext data, set <iron-ajax>.handleAs to text (the default is json).
Demo of <iron-ajax handle-as="text">
Demo of <iron-ajax handle-as="json">
event.detail.request.xhr.response (This route doesn't exist. How can it be the solution in Polymer Iron Ajax - How to access Response from Request after Error Event??)
The question you linked asks about the <iron-ajax>.error event, which has a different event detail than the <iron-ajax>.response event.
When <iron-ajax> receives a server response, it fires the response event with the corresponding <iron-request> as the event detail.
If the request fails for any reason, <iron-ajax> fires the error event with an object (containing the iron-request via the request attribute, and the underlying error via error) as the event detail.