jquery how to get data from API xml

Question

I need to get data from an API which returns xml format. here's the api url: http://api.tubeupdates.com/?method=get.status&lines=all&format=xml

here's my jquery code:

$(document).ready(function(){
                $.get('http://api.tubeupdates.com/?method=get.status&lines=all&format=xml', function(d){

                    $(d).find('line').each(function(){
                        var $line = $(this).find('name').text()
                        var $mex = $(this).find('message').text()
                        $('#status').append($line+'<br>'+$mex+'<br><br>');
                    });
                });
            });

The div #status returns empty. My jquery code seems fine because with a physical xml file it works. What am I doing wrong?

Thanks in advance,

Mauro

Nick Craver · Accepted Answer · 2010-11-29 12:56:24Z

2

You can't fetch XML cross-domain like this, you'll have to use JSONP if the server supports it. XML has to be fetched via an XMLHttpRequest...which is blocked by the same origin policy.

Unfortunately, it doesn't look like that site supports JSONP, though it does support regular JSON: http://api.tubeupdates.com/?method=get.status&lines=all&format=json

answered Nov 29, 2010 at 12:56

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

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

6 Comments

Mauro74 Over a year ago

ok, so will it work if I use json to fetch the data? Sorry my ignorance, I'm pretty new to this :)

Nick Craver Over a year ago

@Mauro74 - nope, it has to be JSONP, which basically creates a <script> tag, looking at the documentation and testing myself...it doesn't seem there's any hint of support for this: tubeupdates.com/documentation The author of that site will have to add it, or you'll have to proxy the request through your own site.

Mauro74 Over a year ago

@Nick ok I'll try to contact the author of the api to see if he could add JSONP. Anyway I have no idea on how to proxy the request, any good tutorial/advice on this? Thanks :)

Nick Craver Over a year ago

@Mauro74 - depends which platform you're on, what do you have server-side? PHP, ASP.Net, ruby, other?

Mauro74 Over a year ago

I'm using PHP as server-side language

|

Jamie Taylor · Accepted Answer · 2014-01-23 13:50:48Z

0

Remove the $ from this variable line and add:

var line = $(this).find('name').text();
var mes  = $(this).find('message').text();
$('#status').append(line + '<br/>' + mes + <br/>);

edited Jan 23, 2014 at 13:50

Jamie Taylor

4,7716 gold badges47 silver badges68 bronze badges

answered Dec 14, 2010 at 1:00

Luciano Bezerra

1

Collectives™ on Stack Overflow

jquery how to get data from API xml

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related