I thought this issue was resolved but unfortunately it's not, although it seems to be a different problem this time.I want to use imgur API photo sharing service via cross domain XHR, and apparently, it works fine. I start a request, they send an xml and all I need to do is processing that. However, I can't do it properly in Internet Explorer 9 despite multiple suggestions (works in Chrome, Firefox). This is the most simple code I tried:HTML:<!DOCTYPE html> <html> <body> <form id="uploadForm" action="http://api.imgur.com/2/upload.xml" method="POST" enctype="multipart/form-data"> <input type="hidden" name="key" value="http://stackoverflow.com/questions/10866439/00ced2f13cf6435ae8faec5d498cbbfe"/> File: <input type="file" name="image"/> Return Type: <select id="uploadResponseType" name="mimetype"> <option value="http://stackoverflow.com/questions/10866439/xml">xml</option> </select> <input type="submit" value="http://stackoverflow.com/questions/10866439/Submit 1" name="uploadSubmitter1"/> </form> <div id="uploadOutput"></div> </body> </html>There you can see a key to Imgur API (you can use it, if you want... it's only for testing purposes, but I don't thing there is anything wrong with the xml response I receive).I'm using Jquery Form Plugin to manage the file uploads. XML:This is the simplest piece of code that I have tested. Usually, we need to help Internet Explorer to parse xml independently, that's why I have parseXml.Javascript:function parseXml(xml) { if (jQuery.browser.msie) { var xmlDoc = new ActiveXObject("Microsoft.XMLDOM"); xmlDoc.loadXML(xml); xml = xmlDoc; } return xml; } $('#uploadForm').ajaxForm({ dataType: ($.browser.msie) ? "text" : "xml", accepts: { xml: "text/xml", text: "text/xml" }, // has been received success: function(data) { $('#uploadOutput').html('Submitting...'); data = http://stackoverflow.com/questions/10866439/parseXml(data); console.log(data); alert(data); }, complete: function(data) { $('#uploadOutput').html('Complete...'); }});dataType: ($.browser.msie) ? "text" : "xml" supposedly tells IE to return a text response. Despite all these assurances, the Content Type of the response is application/xml (I was told that wasn't a problem). As an xml I receive this:<?xml version="1.0" encoding="utf-8"?><upload><image><name/><title/><caption/><hash>087Y0</hash><deletehash>gUcgywjXoJyAJp6</deletehash><datetime>2012-06-02 21:59:35</datetime><type>image/jpeg</type><animated>false</animated><width>1024</width><height>768</height><size>297623</size><views>0</views><bandwidth>0</bandwidth></image><links><original>http://i.imgur.com/087Y0.jpg</original><imgur_page>http://imgur.com/087Y0</imgur_page><delete_page>http://imgur.com/delete/gUcgywjXoJyAJp6</delete_page><small_square>http://i.imgur.com/087Y0s.jpg</small_square><large_thumbnail>http://i.imgur.com/087Y0l.jpg</large_thumbnail></links></upload>I think it looks ok and I can parse it in other browsers using something like $($.parseXml(xml)).find('original').text(), but not in IE9. So basically, I'm receiving a response but I can't parse that xml, although when I try to figure out what I'm getting in IE, looks like I get nothing.Furthermore, success is not even firing which is a signal that IE9 couldn't parse the xml. complete is firing but it doesn't receive anything as data. So what am I doing wrong?Here you can have a fiddle (includes Jquery Form Plugin).UPDATE:JSONFor future reference, JSON will not work using Jquery Form Plugin in this situation. From the documentation:The iframe element is used as the target of the form's submit operation which means that the server response is written to the iframe. This is fine if the response type is HTML or XML, but doesn't work as well if the response type is script or JSON, both of which often contain characters that need to be repesented using entity references when found in HTML markup. To account for the challenges of script and JSON responses when using the iframe mode, the Form Plugin allows these responses to be embedded in a textarea element and it is recommended that you do so for these response types when used in conjuction with file uploads and older browsers.Ideas?.Thanks!
Parsing xml/json response in IE9
- Thread starter Ijwbywcwz
- Start date