Question

I’m making a simple ajax call in JavaScript which returns an ID, I then need to make another ajax call to fetch an XML file which contains all of the ID’s with the relevant descriptive string as part of the XML.

The ID’s description comes back in this format:

<Category>
  <Id>1</Id>
  <Descriptor>Accounts</Descriptor>
</Category>
<Category>
  <Id>2</Id>
  <Descriptor>Marketing</Descriptor>
</Category>
<Category>
  <Id>3</Id>
  <Descriptor>HR</Descriptor>
</Category>
etc...

How can I lookup the ID value against this XML and return the Descriptor string using JavaScript?

Answer 1

With jQuery you could do:

var xml = $.ajax({......}); //your xml
var numb = $.ajax({......}); //returns 1,2 or 3 etc...

var descriptor = $('id', xml).filter(function() {
    return $(this).text() == numb; //filter elements based on text in the id tag
}).siblings('Descriptor').text();

jQuery will treat it as html, but it seems to work all the same.

FIDDLE