如何通过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