Returning content type of 'application/json' using jQuery ajax form

-
Ajax form in the jQuery is a wonderful feature for the developers as it allows multi-part upload without refreshing the page.

Ajax form call creates a iframe which is invisible and then submits the form from with in iframe.
Browser checks for the content type of the returned content and verifies whether it can handle or not before passing content to the iframe.

If the response content type is appliction/json, the browser donot know how to handle the content and opens popup to save the content instead of handling to the iframe, the source of the request.

So basically, ajax form of jQuery cannot be used for api calls returning content type of application/json which is a major issue while working with REST API calls that accepts multi-part/formdata requests and return content of type application/json.

Alternatives :
  • Return content of type application/xml and parse the same on the client side.
  • Use servelts to handle the multi-part request and return json string form of the object you wish to send.

Comments

Post a Comment

Popular posts from this blog

Proper way to have an anchor tag with onclick event

-
Anchor tags are one of the most common HTML tags used in pages. If the user right clicks on the anchor tag he/she will be provided with an option of 'Open in new Window/Open in new Tab'. This will happen only if the anchor has href attribute. Sometimes it is required to do some other action (like making ajax request) on click of the anchor link and also provide the right click option for the same anchor. Natural practice by web developers. <a href="javascript:void(0);" onclick="alert('i am here');">Click Me! </a> Click Me without link for anchor! Correct way to add anchor tags without losing anchor properties. <a href="http://www.blogger.com/amareswar.blogspot.com" onclick="alert('i am here'); return false;">Click Me! </a> Click Me! In the above link, you can observe that the user can right click on go to the respective link and onclick will do the custom action provided by the developer.
Read more

CORS issues with IE9 and workarounds

-
CORS(Cross-Origin-Resource-Sharing) is one of the features in HTML5 feature stack that enables a page to make AJAX requests to other domains. This feature is introduced to circumvent the Same-Origin-Policy . I am not discussing about CORS in detail here as there are lots of online resources available. I am working on a product where html files are served from one domain and back-end requests should be made to another domain (of course sub-domain) for security reasons and API clarity. Luckily we need to support browsers with HTML5 capabilities like Chrome > 14, Safari  > 5.0.5 , Firefox > 9, IE >8. I thought that IE9 is HTML5 complaint and promised to have support for it. I could have investigated a little bit  Application was implemented and we are running for release. Suddenly while going through entire flow we realized that IE9 is not making any CORS requests. From then on our hunt started. Searching blogs, articles, stackoverflow for solutions. I am here to expl
Read more

Some thoughts on MongoDB Nodejs driver

-
I am in the process of evaluating mongoDB for one of the product requirements. We were on the J2EE stack and MongoDB has java driver with which we got awesome results compared to the existing framework in terms of not only speed and resource utilization but also in terms data replication and fail-over behavior. I was curious about mongoDB nodejs driver and tried to test its performance over java driver. It was very easy to write code as I was already familiar with javascript and the footprint, startup time are far less compared to the J2EE stack. Now comes the real problem with NodeJS. My application typically tries to connect to different database for each request and existing nodejs api does not support to use same driver across different requests rendering the connection pooling offered by the framework useless !!!. I need to create server instance for each request. With  read preference as NEAREST, the reads are not shared across the replica set members and only the member o
Read more