CODEWITHSUNDEEP
javascriptjqueryxml
capdragon
capdragon

Reputation: 14899

read this xml with jquery

I'm having trouble reading this xml with jQuery.

http://jsfiddle.net/VLtqY/2/

XML:

<myElements type="AA" coID="A923">
 <element1>01</element1> 
 <element2>02</element2>
 <element3>03</element3>
</myElements>

I'm looking for the following output:

element1=01
element2=02
element3=03

A little help please.

Upvotes: 1

Views: 136

Answers (4)

Jason Spick
Jason Spick

Reputation: 6088

I would really suggest ajax for this. IE hates the way jquery grabs the xml.I have been using this for a very long time with lots of success and no problems.

$.ajax({
    url: "path-to-file.xml",
    dataType: ($.browser.msie) ? "text" : "xml",
    success: function(data){
                            var xml;    
                            if (typeof data == "string") {
                               xml = new ActiveXObject("Microsoft.XMLDOM");
                               xml.async = false;
                               xml.loadXML(data);
                            } else {
                               xml = data;
                            }
                        alert($(xml).find('element1').text());
                                            alert($(xml).find('element2').text());
                                            alert($(xml).find('element3').text());
                    },//END SUCCSESS
    error: function(){
        alert("Sorry, There was an error loading this information. Refresh the page or try again later. ");
        history.go(-1);
    }
});//END AJAX CALL

I know this looks like a lot, but it really isn't that bad. Put your path to your xml, in the .each() do what you want to do.

Upvotes: 0

James Allardice
James Allardice

Reputation: 165941

You can use the jQuery parseXML (see docs) function to parse the string of XML into an XML document object. Just add this line somewhere between the variable declaration and your each loop:

xml = $.parseXML(xml);

The rest of it should work fine then. You can see an example here.

Upvotes: 0

wsanville
wsanville

Reputation: 37506

First, you need to wrap your xml variable in a call to the jQuery function, as in $(xml). Then, a call to children() will get all of your target elements.

Here's a very basic (and sloppy), working example of iterating through the elements, but it's just the selector that needs changing:

var xml = '<myElements type="AA" coID="A923"><element1>01</element1> <element2>02</element2><element3>03</element3></typeData>';

var myOutput = $("#output");

myOutput.append("=== start ===<br />");
$(xml).children().each(function () {
    var xmlnode = $(this);
    myOutput.append(this.tagName + xmlnode.text() + '<br/>');
});

myOutput.append("=== end ===");

Working demo: http://jsfiddle.net/UByfW/2/

Upvotes: 2

bluefoot
bluefoot

Reputation: 10570

Try this

$('*', xml).each(function () {

replacing the the line 

$(xml).find("myElements").each(function () {

or

$(xml).children().each(function () {

The reason is self-explanatory: you must fetch the children, not the root element.

Upvotes: 1

Related Questions