I have XML file in the following way:
<root>
<player>
<roster>
<player code="AUQ" position="Guard" countrycode="SRB"/>
<player code="AQX" position="Forward" countrycode="GER"/>
</roster>
</player>
<player>
<roster>
<player code="AUQ1" position="Guard" countrycode="SRB"/>
<player code="AQX1" position="Forward" countrycode="GER"/>
</roster>
</player>
</root>
How do i push all the 'player' attribute values in to an associative array(name/value pairs) using javascript.
Since your keys are the same for each player (code, position, countrycode), you can't use an associate array (in JavaScript, there actually isn't one, but you can use an Object). You'd have to use an array of objects. Here's how I'd do it:
var str = '<root><player><roster><player code="AUQ" position="Guard" countrycode="SRB"/><player code="AQX" position="Forward" countrycode="GER"/></roster></player><player><roster><player code="AUQ1" position="Guard" countrycode="SRB"/><player code="AQX1" position="Forward" countrycode="GER"/></roster></player></root>',
oParser = new DOMParser(),
xmlDoc = oParser.parseFromString(str, "text/xml");
var players = xmlDoc.getElementsByTagName("player"),
ret = [], i, j, cur;
for (i = 0, j = players.length; i < j; i++) {
cur = players[i];
if (cur.hasAttribute("code")) {
ret.push({
code: cur.getAttribute("code"),
position: cur.getAttribute("position"),
countrycode: cur.getAttribute("countrycode")
});
}
}
console.log(ret);
DEMO: http://jsfiddle.net/2GPBY/1/
If you want to create one map of key to all values for that key, you could use this:
var str = '<root><player><roster><player code="AUQ" position="Guard" countrycode="SRB"/><player code="AQX" position="Forward" countrycode="GER"/></roster></player><player><roster><player code="AUQ1" position="Guard" countrycode="SRB"/><player code="AQX1" position="Forward" countrycode="GER"/></roster></player></root>',
oParser = new DOMParser(),
xmlDoc = oParser.parseFromString(str, "text/xml");
var players = xmlDoc.getElementsByTagName("player"),
ret = {}, i, j, cur;
for (i = 0, j = players.length; i < j; i++) {
cur = players[i];
if (cur.hasAttribute("code")) {
if (!("code" in ret)) {
ret.code = [];
}
ret.code.push(cur.getAttribute("code"));
if (!("position" in ret)) {
ret.position = [];
}
ret.position.push(cur.getAttribute("position"));
if (!("countrycode" in ret)) {
ret.countrycode = [];
}
ret.countrycode.push(cur.getAttribute("countrycode"));
}
}
console.log(ret);
Try
function loadXml(xml){
if (window.DOMParser) {
parser=new DOMParser();
xmlDoc=parser.parseFromString(xml, "text/xml");
} else {
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.loadXML(xml);
}
return xmlDoc;
}
var xml = '<root> <player> <roster> <player code="AUQ" position="Guard" countrycode="SRB"/> <player code="AQX" position="Forward" countrycode="GER"/></roster></player><player><roster><player code="AUQ1" position="Guard" countrycode="SRB"/><player code="AQX1" position="Forward" countrycode="GER"/></roster></player></root>'
var doc = loadXml(xml);
var rosters = doc.getElementsByTagName('roster');
var array = [];
for(var i = 0; i < rosters.length; i++){
var roser = rosters[i];
var players = roser.getElementsByTagName('player');
for(var j = 0; j < players.length; j++){
var player = players[j], attributes = player.attributes;
var obj = {};
for (var key in attributes) {
if (attributes.hasOwnProperty(key) && attributes[key].nodeName) {
obj[attributes[key].nodeName] = attributes[key].value;
}
}
array.push(obj)
}
}
console.log(array)
Demo: Fiddle
