Is there a method to retrieve responseText using Polymer's is-ajax submission?

Question

When I submit the "ajax-form", I am unable to retrieve the responseText from Java HttpServlet to Javascript.

This is the HTML Code:

<form is="ajax-form" action ="URL" id="formID" method="POST" enctype="multipart/form-data">
 ....
</form>

Here is the JavaScript Code:

this.$.upload.submit();

And this is the Servlet Code:

response.getWriter().append("responseText ");

Answer 1

Answer №1

As per the documentation, the XMLHttpRequest object can be accessed in the submitted event:

One way to handle this is as follows:

handleResponse: function(event) {
  this.response = event.detail.responseText;
  // Implement necessary actions here.
}

If you're working within a Polymer element, you can utilize declarative event mapping like this:

<form is="ajax-form" on-submitted="{{handleResponse}} action="URL" 
    id="formID" method="POST" enctype="multipart/form-data" >
 ...
</form>

Alternatively, you can add the listener programmatically:

this.$.formID.addEventListener('submitted', handleResponse);

I hope this guidance proves useful.

Answer 2

As per the documentation, the XMLHttpRequest object can be accessed in the submitted event:

One way to handle this is as follows:

handleResponse: function(event) {
  this.response = event.detail.responseText;
  // Implement necessary actions here.
}

If you're working within a Polymer element, you can utilize declarative event mapping like this:

<form is="ajax-form" on-submitted="{{handleResponse}} action="URL" 
    id="formID" method="POST" enctype="multipart/form-data" >
 ...
</form>

Alternatively, you can add the listener programmatically:

this.$.formID.addEventListener('submitted', handleResponse);

I hope this guidance proves useful.