Problems using jQuery AJAX to parse XML

Question

I'm not a very experience programmer and have been learning HTML/CSS/JS on the fly. I've been trying to parse XML using jQuery AJAX methods with absolutely no luck.

Here is my code in use: http://jsfiddle.net/Kb5qj/1/

And here is my code in plain sight:

$(document).ready(function() {
var divid = "#xmlcontent"

function parseXML(xml) {
    $(divid).empty();
    $(xml).find("CD").each(function() {
        var artist = $(this).find("ARTIST").text();
        var title = $(this).find("TITLE").text();
        $(divid).append("<li>" + artist + " - " + title + "</li>");
    });
}

function printError() {
    $(divid).html("An error occurred");
}

$.ajax({
    type: "GET",
    url: "www.w3schools.com/ajax/cd_catalog.xml",
    dataType: "xml",
    success: parseXML,
    error: printError
});
});

I don't know what the problem could be. I have written and re-written and copy/pasted that $.ajax call many many times, but no matter what I do nothing ever happens. Help me please?

FYI get requests dnt work in jsfiddle. You need to mock it.. look at the examples stated there. — Baz1nga
– Baz1nga, Commented Aug 10, 2011 at 5:51
You cannot load XML from another domain: stackoverflow.com/questions/2942673/… — Pehmolelu
– Pehmolelu, Commented Aug 10, 2011 at 5:58
Thanks for the responses so far. This poses a new problem; how do I test code that I write on my local system? I plan to use my knowledge of parsing XML to write an RSS headlines gadget for a Google Site (I've been using my code in the Google Gadget Editor with moderate success, apart from these AJAX requests). — glifchits
– glifchits, Commented Aug 10, 2011 at 6:16

Community · Accepted Answer · 2017-05-23 09:58:59Z

1

like I mentioned it will fail on jsfiddle as they dnt actually send the get request. here is the api on how to achieve the same: http://doc.jsfiddle.net/use/echo.html

If you try the same on your local system it will fail probably cos you are making a cross domain request and your browser natively blocks such requests. That is where jsonp comes it to play its to retrieve json data over cross domains..

You can hack it a little to do the same for js.. here is a SO post about the same: Is there an existing tool for jsonp like fetching of xml in jquery?

edited May 23, 2017 at 9:58

CommunityBot

11 silver badge

answered Aug 10, 2011 at 5:55

Baz1nga

15.6k3 gold badges38 silver badges63 bronze badges

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

Comments

hayesgm · Accepted Answer · 2011-08-10 05:58:11Z

0

With a little bit of fudging, everything in the parsing seems to work fine. Check out this JSFiddle.

You can't use get requests from JSFiddle, but I mocked up the XML into HTML. You may want to try placing your XML document into the DOM to help suss your issue.

answered Aug 10, 2011 at 5:58

hayesgm

9,2362 gold badges40 silver badges41 bronze badges

Collectives™ on Stack Overflow

Problems using jQuery AJAX to parse XML

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related