jQuery cross-domain Ajax XML response

Question

I am trying to make an jQuery ajax request to AWS S3 to list bucket objects. Since AWS only wants to respond with XML, I am having trouble using (or going around) the data type JSONP.

$.ajax({
  method: 'GET',
  url: "http://BUCKET.s3.amazonaws.com/?querystring", // returns xml
  dataType: 'jsonp',
  // dataType: 'jsonp xml',
  success: function(data) {
    console.log('success', data);
  },
  error: function(err) {
    console.log('err', err);
  }
}).done(function(data) {
  console.log('finished', data);
});

Gives error Uncaught SyntaxError: Unexpected token < because it is receiving XML instead of JSON.

I understand that cross domain requests are blocked by default, so I'd normally use JSONP. However that gives me a syntax error when returning xml, and I'm not sure how to convert from xml to json before that point. In the ajax request I tried converting dataType with "jsonp xml", but really don't I want to be doing xml->json? Which gives an error as it is expecting json first.

I've checked out these other questions but am still having trouble, any help would be greatly appreciated.

edit: also this is a static html site.

Cross-Domain AJAX to Read XML

How to Parse XML Cross-domain in jQuery?

can't use jsonp if endpoint isn't serving jsonp. Use your server as proxy or use third party proxy service — charlietfl
– charlietfl, Commented Oct 12, 2015 at 15:41
YQL looks promising but its 'parse any XML' example doesn't work on the homepage or in the console. developer.yahoo.com/yql , even after changing the xml source to a valid page (their xml source isn't) — user5347553
– user5347553, Commented Oct 12, 2015 at 19:01

Ivijan Stefan Stipić · Accepted Answer · 2015-10-13 02:43:35Z

2

Cross-domain in AJAX is only enabled for JSON but if you need XML to parse on cross-domain, you have one trick.

You can create one PHP file on your server and store in that file XML parser class.

EXAMPLE OF PHP CODE:

function simplexml_load_file_curl($url) {
        $xml="";

        if(in_array('curl', get_loaded_extensions())){
            $ch = curl_init($url);
            curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
            $xml = simplexml_load_string(curl_exec($ch));
            curl_close($ch);
        }
        else{
            $xml = simplexml_load_file($url);
        }

        return $xml;
    }


$xml = simplexml_load_file_curl('http://example.org/xml-file-url.xml');

After that point your AJAX to that PHP file and get your data. With that, you are able in PHP file to convert XML into JSON and use JSON objects in your javascript for other works OR just return XML data in AJAX and use that.

You are the master of your data from there.

edited Oct 13, 2015 at 2:43

answered Oct 12, 2015 at 15:46

Ivijan Stefan Stipić

6,7386 gold badges51 silver badges85 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Ivijan Stefan Stipić Over a year ago

or that - yes. You can play with your data how you whant.

Ivijan Stefan Stipić Over a year ago

If you are happy with answer, please accept it. Thanks!

Collectives™ on Stack Overflow

jQuery cross-domain Ajax XML response

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related