如何在html中显示多个json数据

Question

我正在使用天气 api，我的目的是将 json 数据显示到简单的 html 视图中......

问题是（也许）上面的脚本根本不起作用，甚至警告，如果我做错了，请有人指导......

脚本和 html

<div id ="fj"></div>

$(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 src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<div id="fj"></div>

任何类型的 hep 或参考将不胜感激 感谢您的宝贵时间

Answer 1

给你，http://jsfiddle.net/9c2tb8xk/

我不确定您要列出什么，但我认为这就是您想要的。

$(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) {
    //$.getJson parses for you, dont try to parse it again.
    var tasks = dataDD.list //tasks is list property of dataDD
    $.each(tasks, function(key, value) { //for each value in list will be in value
      $("#fj").append(value.weather[0].description); //I used the value as a specific item from list. 
    });
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<div id ="fj"></div>