Ajax/jQuery problem

Question

I'm rookie when it comes to Ajax and jQuery and needs some help...

The following url produces an xml-file that I want to use on my page: http://ws.spotify.com/search/1/track?q=foo

When I use firebug it seems like nothing comes back. What have I done wrong?

This is what my code looks like:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
     <head>    
         <title></title> 
         <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script> 
         <script type="text/javascript"> 
         $(document).ready(function(){
            $.ajax({
                url: 'http://ws.spotify.com/search/1/track?q=foo',
                type: 'GET',
                contentType: "application/xml; charset=utf-8",
                error: function(){
                    alert('Error loading XML document');
                },
                success: function(xml){
                    alert("success");
                    $(xml).appendTo("#result");                   
                }
            });
        });
         </script> 
     </head> 
     <body> 
        <div id="result">
        </div>       
     </body> 
 </html>

Is that xml file on the same domain as the script you're calling it from? — munch
– munch, Commented Apr 22, 2010 at 19:15
When you say nothing comes back, I assume you mean that your success callback is getting called, but there's no data. Is that right? — user113716
– user113716, Commented Apr 22, 2010 at 19:45

justkt · Accepted Answer · 2010-04-22 19:34:59Z

2

Is your web page where the JS is running also from ws.spotify.com? Otherwise, you will run into the browser's restrictions to prevent cross-site scripting by using the same origin policy. You can use data of type jsonp to get around this issue. Ajaxian provided a post on a workaround that you can hopefully use. It doesn't use jQuery, but it may help.

edited Apr 22, 2010 at 19:34

answered Apr 22, 2010 at 19:18

justkt

14.8k9 gold badges45 silver badges62 bronze badges

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

Comments

dacracot · Accepted Answer · 2010-04-22 19:50:59Z

1

Seems your success function may be a little off:

success: function(data) {
    alert("success");
    $('#result').html(data);
  }

answered Apr 22, 2010 at 19:50

dacracot

22.5k28 gold badges111 silver badges160 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 10:32:33Z

0

Try to use JSON return format instead of XML, there is some information concerning your case here: XmlHTTPRequest: "XML Parsing Error: no element found"

edited May 23, 2017 at 10:32

CommunityBot

11 silver badge

answered Apr 22, 2010 at 19:15

dragoon

5,7845 gold badges39 silver badges56 bronze badges

Comments

Chris Simpson · Accepted Answer · 2010-04-22 19:25:24Z

0

Can I suggest you also use HTTPFox to look at what's happening between your script and the server

answered Apr 22, 2010 at 19:25

Chris Simpson

8,04012 gold badges54 silver badges70 bronze badges

Collectives™ on Stack Overflow

Ajax/jQuery problem

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related