facing problem to specify navigation after Image upload on form [data-ajax="false"] submit
Hi,
I am using jquery 2.1.0 and jquery mobile 1.4.2
I have a page to upload an image to the server. The form looks like this:
<form action="http://localhost:8080/JQMProject/mobile/uploadServlet" enctype="multipart/form-data" method="POST" data-ajax="false">
<p>
<label for="file-2">File: </label>
<input type="file" data-clear-btn="true" name="file-2" id="file-2">
</p>
<p>
<input type="reset" value="Reset" data-icon="recycle"/>
<input id="submitImage" value="Upload" type="submit" data-icon="check"/>
</p>
</form>
Now when I submit the form, I am able to get the image in my servlet code and process it. But when the response is send back, I am shown a blank page with "http://localhost:8080/JQMProject/mobile/uploadServlet" URL, which is obvious.
This is my issue. I want to show a meaningful JQM page with server response. As I am using data-ajax="false"(to make file upload work), I don't know where to handle server response and navigate to a meaningful page.
I might be missing some feature of jquery mobile. Please help.
Thanks in advance