How to parse XML using jQuery

Question

How do I parse XML  and how can I navigate the result using jQuery  Here is my sample XML    lt Pages gt     lt Page Name  test  gt       lt controls gt         lt test gt this is a test  lt  test gt       lt  controls gt     lt  Page gt     lt Page Name    User  gt       lt controls gt         lt name gt Sunil lt  name gt       lt  controls gt     lt  Page gt   lt  Pages gt    I would like to find the node by this path Pages -  Page Name -  controls -  test

User · Answer

First thing that pop-up in google results http   think2loud com 224-reading-xml-with-jquery  There s no simple way to access xml structure  like you described Pages- pagename- controls- test  in jQuery without any plugins

User · Answer

Have a look at jQuery s  parseXML    docs    var  xml     jQuery parseXML xml     var  test    xml find  Page Name  test    gt  controls  gt  test

User · Answer

I went the way of jQuery s  parseXML   however found that the XML path syntax of  Page Name  test    gt  controls  gt  test  wouldn t work  if anyone knows why please shout out      Instead I chained together the individual  find   results into something that looked like this    xmlDoc find  Page Name  test             find  contols           find  test     The result achieves the same as what I would expect the one shot find

User · Answer

I assume you are loading the XML from an external file  With   ajax    it s quite simple actually     ajax       url   xmlfile xml       dataType   xml       success  function data              Extract relevant data from XML         var xml node      Pages  data           console log  xml node find  Page Name  test    gt  controls  gt  test   text                 error  function data           console log  Error loading XML data                Also  you should be consistent about the XML node naming  You have both lowercase and capitalized node names   lt Page gt  versus  lt page gt   which can be confusing when you try to use XML tree selectors

User · Answer

xml        parseXML  xml        xml find   lt  lt your xml tag name gt  gt    each function index elem          elem   found XML element

User · Answer

There is the   parseXML function for this  http   api jquery com jQuery parseXML  You can use it like this  var xml     parseXML yourfile xml      xml      xml       test    xml find  test     console log  test text      If you really want an object  you need a plugin for that  This plugin for instance  will convert your XML to JSON  http   www fyneworks com jquery xml-to-json

User · Answer

you can use  parseXML  var xml   lt Pages gt             lt Page Name  test  gt              lt controls gt                 lt test gt this is a test  lt  test gt              lt  controls gt               lt  Page gt             lt page Name    User  gt              lt controls gt                lt name gt Sunil lt  name gt              lt  controls gt             lt  page gt           lt  Pages gt      jquery      xmlDoc     parseXML  xml         xml      xmlDoc           xml  each function           alert   this  find  Page Name  gt controls gt name   text                here is the fiddle http   jsfiddle net R37mC 1

[javascript] How to parse XML using jQuery?

Examples related to javascript

Examples related to jquery

Examples related to xml