javascript - 如何通过for循环设置json数据

Question

我正在为我的网站开发本地天气小部件...我已使用 OpenWeather Api 成功显示数据因为我在 jquery/javascript 方面没有足够的经验，所以我在加载数据方面遇到了 10 天的困难......我该怎么做这样的事情，请提供一些帮助...任何类型的帮助或引用将不胜感激...

HTML 和脚本

<div id="fatehjang"></div>

    <script type="text/javascript">
            function getWeather(coords, callback) {
                var url = 'http://api.openweathermap.org/data/2.5/forecast/daily?lat=33.568109&lon=72.642767&cnt=7';
                $.ajax({
                    dataType: "jsonp",
                    url: url,
                    jsonCallback: 'jsonp',
                    data: { lat: coords[0], lon: coords[1] },
                    cache: false,
                    success: function (data) {
                        callback(data);
                    }
                });
            }
            $(document).ready(function () {
                var teams;
                $.getJSON("http://api.openweathermap.org/data/2.5/forecast/daily?lat=33.568109&lon=72.642767&cnt=7", function (json) {
                    //do some thing with json  or assign global variable to incoming json.
                    teams = json;
                });
                $(window).load(function () {
                    for (var team in teams) {
                        var obj = teams[team];
                        (function (team) {
                            coords = [team.Lat, team.Long]
                            getWeather(coords, function (data) {
                                var html = [];
                                html.push('<h2 class="heading-md">')
                                html.push('Maximum Humidity: ', data.main.humidity, ', ');
                                html.push('</h2>')
                                $("#fatehjang").replaceWith(html.join('')).css("background-color", "white");
                            });
                        }(obj));
                    }
                });
            });

        </script>

**Html**

感谢您的宝贵时间

Answer 1

改变

                teams = json;
            });
            $(window).load(function () {
                for (var team in teams) {

至

                teams = json;
                for (var team in teams) {

上面的更改只是执行“显示”数据的代码，作为“成功”回调的一部分。由于 getJSON 是异步的，因此唯一安全的地方是成功回调的一部分 - 我见过人们(我与他们一起工作)用 setTimeouts 等“伪造”它，他们认为他们已经钉住了它，直到服务器需要多一秒钟的时间来响应 - 然后一切都会崩溃:p