Extracting XML data using javascript

Question

   <!--  http://www.abc.com  -->
    <rss version="2.0">
    <channel>
    <title>SENSEX view</title>
    <link>http://www.abc.com</link>
    <copyright>Copyright 2009, abc</copyright>
    <item>
    <title>
    <![CDATA[ SENSEX : 20263.71 * -382.93 (-1.85 %) ]]>
    </title>
    <link/>
    <pubDate>9/20/2013 4:00:00 PM</pubDate>
    <author>abc</author>
    <guid/>
    </item>
    </channel>
    </rss>

I want to extract "<![CDATA[ SENSEX : 20263.71 * -382.93 (-1.85 %) ]]>" from above XML data in a variable. I am not familiar handling XML using javascript. So i need some help or suggest me some tutorials ??

Here's what i have got :

<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" ></script>
<script>
$(document).ready(function(){
$.ajax({
    type: "GET",
    url: "http://rss.xml",
    dataType: "xml",.find("title")
    success: function(xml) {
        $(xml).find("title").each(function(){

            var title = $(this).find('title').text();
            $(this).find('title').each(function()
            {
                alert(title );

            });
        });
    }
});
});
</script>
</head>
<body> 
</body>
</html>

your code is trying to find "site" which is not an element within your xml, nor is there any attributes named "id", if you want the "title" data use .find("title") — Patrick Evans
– Patrick Evans, Commented Sep 21, 2013 at 13:37
You seem to need the content of the title element present within each item element. There are clues there :) — Harry
– Harry, Commented Sep 21, 2013 at 13:40

Yair Nevet · Accepted Answer · 2013-09-21 15:05:38Z

1

Change your success callback code to:

success: function(xml) {
         $(xml).find('item').each(function(){
                 $(this).find('title').each(function(){
         var title = $(this).text();
         alert(title);
       });
       });
    }

And without jQuery:

xmlDoc=loadXMLDoc("yourFile.xml");
var title = xmlDoc.getElementsByTagName("title")[0];
alert(title);

function loadXMLDoc(dname)
{
if (window.XMLHttpRequest)
  {
  xhttp=new XMLHttpRequest();
  }
else
  {
  xhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
xhttp.open("GET",dname,false);
xhttp.send();
return xhttp.responseXML;
}

edited Sep 21, 2013 at 15:05

answered Sep 21, 2013 at 13:47

Yair Nevet

13.1k17 gold badges71 silver badges111 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Alfred Francis Over a year ago

Is there any way to do this without using jquery ??

Alfred Francis Over a year ago

'<html> <head> <title></title> <script type="text/javascript"> function callme() { xmlDoc=loadXMLDoc("sensexrss.xml"); var title = xmlDoc.getElementsByTagName("title")[0]; document.getElementById('aa').innerHTML =title; } function loadXMLDoc(dname) { if (window.XMLHttpRequest) { xhttp=new XMLHttpRequest(); } else { xhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xhttp.open("GET",dname,false); xhttp.send(); return xhttp.responseXML; } </script> </head> <body onload="callme()"> <div id="aa"> </div> </body> </html>'

Collectives™ on Stack Overflow

Extracting XML data using javascript

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related