How to extract/get a xml attribute values to display

Question

I am trying to integrate open weather api in my application and I have invoked weather api and it's returned xml response. But when I am trying to get the values it's throwing error like unknown error.

My code is:

js code:

<script type="application/javascript">

        jQuery(document).ready(function(){
            $.ajax({
                type: "GET",
                url: "http://api.openweathermap.org/data/2.5/forecast/daily?q=Hyderabad,IN&mode=xml&appid=c9d49310f8023ee2617a7634de23c2aa",
                dataType: "xml",
                success: function(data) {
                    /* handle data here */
                    console.log(data);

                    //$('<p>Text</p>').appendTo('#weather_report');

                    /*var wrapper = $("#weather_report");
                     wrapper.empty();
                     wrapper.append("<div class='city'> <p>Place: " + data.city.name + "</p><p>Country: " + data.city.country + "</p></div>");
                     wrapper.append("<div class='day_1'> <p>Place: " + data.city.name + "</p><p>Country: " + data.city.country + "</p></div>");*/

                },
                error: function(xhr, status) {
                    /* handle error here */
                }
            });
        });

    </script>

above code returning below format:

Could you please suggest me how to get the xml values to display?

Anil Suthar · Accepted Answer · 2016-06-20 10:45:13Z

2

You can use jQuery.parseXML

<script type="application/javascript">

jQuery(document).ready(function(){
    $.ajax({

        ...

        success: function(data) {

            ...

            var xml = jQuery( data );

            var nm = xml.find("weatherdata").find("location").find("name").text();

            console.log("City: " + nm);

            //For iterating through `forecast > time` tags, use

            jQuery(xml).find("time").each(function(){
                console.log("Day: " + jQuery(this).attr("day")  );
                console.log("Name: " + jQuery(this).find("symbol").attr("name")  );
            });


            ...

        },

        ...

    });
});

</script>

For more examples, check here : Read AND Process XML by jQuery

edited Jun 20, 2016 at 10:45

answered Jun 20, 2016 at 9:29

Anil Suthar

4,7311 gold badge16 silver badges22 bronze badges

I have tried above solution and it's returning xmlDoc null values.

Bojjaiah
– Bojjaiah

2016-06-20 09:40:26 +00:00
Commented Jun 20, 2016 at 9:40
check updated answer

Anil Suthar
– Anil Suthar

2016-06-20 09:46:15 +00:00
Commented Jun 20, 2016 at 9:46
no luck still xmlDoc returning null

Bojjaiah
– Bojjaiah

2016-06-20 09:49:58 +00:00
Commented Jun 20, 2016 at 9:49
check updated answer and it's working now

Anil Suthar
– Anil Suthar

2016-06-20 10:45:47 +00:00
Commented Jun 20, 2016 at 10:45

Add a comment |

Stack Exchange Network

How to extract/get a xml attribute values to display

1 Answer 1

Your Answer

Hot Network Questions

How to extract/get a xml attribute values to display

1 Answer 1

Your Answer

Sign up or log in

Post as a guest

Related

Hot Network Questions