how to display multiple json result in html

Question

I am working with weather api, having problem with displaying the multiple results ad using $.each function...

Can someone please tell if i am doing wrong,,,, Script&html

<div id="fj"></div>
    <script type="text/javascript">
        $(document).ready(function () {
            var teams;
            $.getJSON("http://api.openweathermap.org/data/2.5/forecast/daily?lat=33.5689&lon=72.6378&cnt=10", function (dataDD) {
                //do some thing with json  or assign global variable to incoming json.
                var tasks = $.parseJSON(dataDD.city);
                alert(tasks);
                //alert('empLoggedId');
                $.each(tasks, function (key, value) {
                    $("#fj").append(data.weather.description);

                });
            });
            });
    </script>

Any kind of help or reference will be appreciated...Thanks for your time

@PeterKA thanks for response, i am willing to load this multiple data into html which i got from api url — Suhail Mumtaz Awan
– Suhail Mumtaz Awan, Commented Jul 24, 2015 at 11:40

Andrey · Accepted Answer · 2015-07-24 11:36:17Z

1

You should not parse already parsed as JSON data here $.parseJSON(dataDD.city);. And check the structure of the returned object.

Fixed example on codepen

answered Jul 24, 2015 at 11:36

Andrey

1,55312 silver badges19 bronze badges

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

1 Comment

Suhail Mumtaz Awan Over a year ago

thanks for answer, i will surely accept after make it into work, +1 for effort

Dean.DePue · Accepted Answer · 2015-07-24 11:36:16Z

1

You could try to use some HTML:

 $.each(tasks, function (key, value) {
                $("#fj").append(<p>data.weather.description</p><br />);

            });

Plus, I'm not sure what "data" is here.

answered Jul 24, 2015 at 11:36

Dean.DePue

1,0131 gold badge21 silver badges47 bronze badges

1 Comment

Suhail Mumtaz Awan Over a year ago

thanks for answer, i will surely accept after make it into work, +1 for effort

Collectives™ on Stack Overflow

how to display multiple json result in html

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related