Retrieving All the values of an XML document in javascript

Question

I have this XML document

<xml>
 <word>
   <threeletter>rip</threeletter>
   <fourletter>Pier</fourletter> 
   <fiveletter>Spire</fiveletter>
   <sixletter>Spider</sixletter>
 </word>
 <word>
   <threeletter>rip</threeletter>
   <fourletter>Pier</fourletter> 
   <fiveletter>Spire</fiveletter>
   <sixletter>Spider</sixletter>
 </word>
 <word>
   <threeletter>rip</threeletter>
   <fourletter>Pier</fourletter> 
   <fiveletter>Spire</fiveletter>
   <sixletter>Spider</sixletter>
 </word>
</xml>

Let's assume that each element inside the word has different values. is it possible in javascript to retrieve all of these values? then store them in an array? or a variable? if so how? because I am planning to compare them with user inputs

possible duplicate of http://stackoverflow.com/questions/649614/xml-parsing-in-javascript — T I, Mar 28 '12 at 15:57

score 2 · Accepted Answer · answered Mar 28 '12 at 16:13

2

It's not at all clear how you want your array structured.

Here is one example that store multiple arrays in an object

var words={ threeletter:[], fourletter:[], fiveletter:[], sixletter:[]};
var xmlItems=['threeletter','fourletter', 'fiveletter', 'sixletter'];

$(xml).find('word').each(function(){
    var $word=$(this);
    $.each( xmlItems, function(i, item){
        words[item].push( $word.find( item ).text());
    });    
});

To access 3 letter array use words.threeletter

Demo: http://jsfiddle.net/5EnR2/

answered Mar 28 '12 at 16:13

charlietfl

169,044
13
113
146

it's not working/running of jsfiddle, I click run there's nothing happening – user962206 Mar 28 '12 at 16:37
it is logging to console the `words` object. Look in browser console. Will break in IE unless you have installed console in IE. IE is a poor developer browser to use for js – charlietfl Mar 28 '12 at 16:39
how do I do it if I have an external XML? and is that Jquery? – user962206 Mar 28 '12 at 16:42
load the xml with ajax and run code above in success callback – charlietfl Mar 28 '12 at 16:43
use google... look for "jquery ajax xml", should find tons of results – charlietfl Mar 28 '12 at 16:48
but is this possible using javascript only? – user962206 Mar 29 '12 at 02:39
yes is possible...use jQuery ajax to load the xml from external file – charlietfl Mar 29 '12 at 10:52
I can't find a link to any site that does that – user962206 Mar 29 '12 at 14:41
I forgot about selecting this as a best answer. but it did help, what I did was created my own construction of way which basically stores all words. but thanks for giving for an idea. on a side note I also Tested this and it worked – user962206 May 09 '12 at 10:47

score 1 · Answer 2 · answered Mar 28 '12 at 16:11

1

Two ways :):

answered Mar 28 '12 at 16:11

Luca

4,163
1
20
24

but what if I have to get all of those value? and store them into a local variable? – user962206 Mar 28 '12 at 16:13

Retrieving All the values of an XML document in javascript

2 Answers2