【问题标题】:how to display multiple json result in html如何在html中显示多个json结果
【发布时间】:2015-07-24 19:36:17
【问题描述】:

我正在使用天气 api,在使用 $.each 函数显示多个结果广告时遇到问题...

有人可以告诉我是否做错了,,,, 脚本&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>

任何形式的帮助或参考将不胜感激...感谢您的宝贵时间

【问题讨论】:

  • @PeterKA 感谢您的回复,我愿意将这多个数据加载到我从 api url 获得的 html 中

标签: javascript jquery json asp.net-web-api


【解决方案1】:

你不应该在这里解析已经解析为 JSON 数据$.parseJSON(dataDD.city);。并检查返回对象的结构。

codepen 上的固定示例

【讨论】:

  • 感谢您的回答,我一定会在工作后接受,+1 努力
【解决方案2】:

您可以尝试使用一些 HTML:

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

            });

另外,我不确定这里的“数据”是什么。

【讨论】:

  • 感谢您的回答,我一定会在工作后接受,为努力+1
猜你喜欢
  • 2013-12-22
  • 1970-01-01
  • 1970-01-01
  • 2021-12-03
  • 1970-01-01
  • 2020-02-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多