获取从天气预报接口返回回来的json数据

返回的json数据

{
  "HeWeather5": [
    {
      "aqi": {
        "city": {
          "aqi": "52",
          "pm10": "54",
          "pm25": "36",
          "qlty": "良"
        }
      },
      "basic": {
        "city": "平顶山",
        "cnty": "中国",
        "id": "CN101180501",
        "lat": "33.73524094",
        "lon": "113.30771637",
        "update": {
          "loc": "2017-05-15 15:53",
          "utc": "2017-05-15 07:53"
        }
      },
      "daily_forecast": [
        {
          "astro": {
            "mr": "22:57",
            "ms": "08:40",
            "sr": "05:27",
            "ss": "19:20"
          },
          "cond": {
            "code_d": "300",
            "code_n": "100",
            "txt_d": "阵雨",
            "txt_n": "晴"
          },
          "date": "2017-05-15",
          "hum": "64",
          "pcpn": "0.1",
          "pop": "31",
          "pres": "1015",
          "tmp": {
            "max": "23",
            "min": "13"
          },
          "uv": "7",
          "vis": "19",
          "wind": {
            "deg": "27",
            "dir": "东北风",
            "sc": "3-4",
            "spd": "13"
          }
        },
        {
          "astro": {
            "mr": "23:41",
            "ms": "09:31",
            "sr": "05:26",
            "ss": "19:21"
          },
          "cond": {
            "code_d": "100",
            "code_n": "100",
            "txt_d": "晴",
            "txt_n": "晴"
          },
          "date": "2017-05-16",
          "hum": "53",
          "pcpn": "0.0",
          "pop": "0",
          "pres": "1011",
          "tmp": {
            "max": "30",
            "min": "18"
          },
          "uv": "8",
          "vis": "20",
          "wind": {
            "deg": "233",
            "dir": "东南风",
            "sc": "4-5",
            "spd": "23"
          }
        },
        {
          "astro": {
            "mr": "null",
            "ms": "10:23",
            "sr": "05:25",
            "ss": "19:22"
          },
          "cond": {
            "code_d": "100",
            "code_n": "100",
            "txt_d": "晴",
            "txt_n": "晴"
          },
          "date": "2017-05-17",
          "hum": "47",
          "pcpn": "0.0",
          "pop": "0",
          "pres": "1006",
          "tmp": {
            "max": "34",
            "min": "19"
          },
          "uv": "8",
          "vis": "20",
          "wind": {
            "deg": "224",
            "dir": "南风",
            "sc": "3-4",
            "spd": "13"
          }
        }
      ],
      "hourly_forecast": [
        {
          "cond": {
            "code": "101",
            "txt": "多云"
          },
          "date": "2017-05-15 16:00",
          "hum": "48",
          "pop": "0",
          "pres": "1014",
          "tmp": "22",
          "wind": {
            "deg": "24",
            "dir": "东北风",
            "sc": "微风",
            "spd": "16"
          }
        },
        {
          "cond": {
            "code": "103",
            "txt": "晴间多云"
          },
          "date": "2017-05-15 19:00",
          "hum": "54",
          "pop": "0",
          "pres": "1014",
          "tmp": "20",
          "wind": {
            "deg": "52",
            "dir": "东北风",
            "sc": "微风",
            "spd": "11"
          }
        },
        {
          "cond": {
            "code": "103",
            "txt": "晴间多云"
          },
          "date": "2017-05-15 22:00",
          "hum": "66",
          "pop": "0",
          "pres": "1015",
          "tmp": "18",
          "wind": {
            "deg": "39",
            "dir": "东北风",
            "sc": "微风",
            "spd": "6"
          }
        }
      ],
      "now": {
        "cond": {
          "code": "101",
          "txt": "多云"
        },
        "fl": "18",
        "hum": "61",
        "pcpn": "0",
        "pres": "1017",
        "tmp": "19",
        "vis": "7",
        "wind": {
          "deg": "40",
          "dir": "北风",
          "sc": "4-5",
          "spd": "28"
        }
      },
      "status": "ok",
      "suggestion": {
        "air": {
          "brf": "中",
          "txt": "气象条件对空气污染物稀释、扩散和清除无明显影响,易感人群应适当减少室外活动时间。"
        },
        "comf": {
          "brf": "舒适",
          "txt": "白天不太热也不太冷,风力不大,相信您在这样的天气条件下,应会感到比较清爽和舒适。"
        },
        "cw": {
          "brf": "不宜",
          "txt": "不宜洗车,未来24小时内有雨,如果在此期间洗车,雨水和路上的泥水可能会再次弄脏您的爱车。"
        },
        "drsg": {
          "brf": "较舒适",
          "txt": "建议着薄外套、开衫牛仔衫裤等服装。年老体弱者应适当添加衣物,宜着夹克衫、薄毛衣等。"
        },
        "flu": {
          "brf": "较易发",
          "txt": "昼夜温差较大,较易发生感冒,请适当增减衣服。体质较弱的朋友请注意防护。"
        },
        "sport": {
          "brf": "较不宜",
          "txt": "有降水,且风力较强,推荐您在室内进行低强度运动;若坚持户外运动,请选择避雨防风的地点。"
        },
        "trav": {
          "brf": "适宜",
          "txt": "有降水,温度适宜,在细雨中游玩别有一番情调,可不要错过机会呦!但记得出门要携带雨具。"
        },
        "uv": {
          "brf": "弱",
          "txt": "紫外线强度较弱,建议出门前涂擦SPF在12-15之间、PA+的防晒护肤品。"
        }
      }
    }
  ]
}

var url = "https://free-api.heweather.com/v5/weather?city="+citytq+"&key=d7bd43af19c64994b62fc643e5d75272";

$.getJSON(url,function(data){
alert(data.HeWeather5[0].aqi.city.aqi)
});

或者

$.ajax({

type : "get",
url : url,
dataType : "json",
// scriptCharset : "gbk",
success : function(data) {
// var HeWeather5=JSON.parse(data);//因为传回来的是json数据对象,所以这个json数据解析会出错

alert(data.HeWeather5[0].aqi.city.aqi);

或者alert(data[‘HeWeather5‘][0][‘aqi‘][‘city‘][‘aqi‘]);

//$(‘#weather‘).html(tq);
}
});

时间: 2024-09-28 19:52:38

获取从天气预报接口返回回来的json数据的相关文章

Asp.Net WebAPI配置接口返回数据类型为Json格式

一.默认情况下WebApi 对于没有指定请求数据类型类型的请求,返回数据类型为Xml格式 例如:从浏览器直接输入地址,或者默认的XMLRequest,或者AngularJs的get请求等. 对于有循环引用的也会抛出异常""ObjectContent`1"类型未能序列化内容类型"application/xml; charset=utf-8"的响应正文." 二.设置返回格式为Json数据 1.修改配置,这对所有的接口都生效 找到Global.asax

[小项目] 获取手机联系人并且向服务器发送JSON数据

[小项目] 获取手机联系人并且向服务器发送JSON数据 好久没有写文档了...最近忙着带班,也没有时间学习新东西,今天刚好有个小Demo,就写了一下,顺便丰富一下我的博客吧! 首先说一下需求: 简单的说,就是一个程序,会获取手机的联系人列表,然后转换成JSON字符串数组,向指定服务器中发送数据...总感觉有侵犯别人隐私权的意味; 注:仅供学习使用,不要做违法的事情哟 这个程序我写的有点有条理,首先有几个工具类: 1. 判断是否联网的工具类(NetUtils) 2. 从手机中获取所有联系人的工具类

ajax返回数据类型为JSON数据的处理

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

防抖与节流 &amp; 若每个请求必须发送,如何平滑地获取最后一个接口返回的数据

博客地址:https://ainyi.com/79 日常浏览网页中,在进行窗口的 resize.scroll 或者重复点击某按钮发送请求,此时事件处理函数或者接口调用的频率若无限制,则会加重浏览器的负担,界面可能显示有误,服务端也可能出问题,导致用户体验非常糟糕 此时可以采用 debounce(防抖)和 throttle(节流)的方式来减少事件或接口的调用频率,同时又能实现预期效果 防抖:将几次操作合并为一此操作进行.原理是维护一个计时器,规定在 delay 时间后触发函数,但是在 delay

SpringMVC入门(二)—— 参数的传递、Controller方法返回值、json数据交互、异常处理、图片上传、拦截器

一.参数的传递 p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 10.0px Helvetica } 1.简单的参数传递 1 /* @RequestParam用法:入参名字与方法名参数名不一致时使用{ 2 * value:传入的参数名,required:是否必填,defaultValue:默认值 3 * } 4 */ 5 @RequestMapping("itemEdit") 6 public ModelAndView itemEdit(@R

SSM_CRUD新手练习(10)返回分页的JSON数据

我们完成了员工的分页查询,但是现在这种做法只能适应浏览器和服务器的交互模式,但在移动互联网时代,客户端不仅仅只有浏览器,还有安卓和IOS客户端.我们的解决方式是AJAX+JSON方式来实现平台无关性. 所以我们现在需要改造我们的查询. 1.index,jsp页面直接发送AJAX请求进行员工分页数据的查询 2.服务器将查询的数据以JSON字符串的形式返回给浏览器 3.浏览器收到JSON字符串,可以使用js对JSON解析,使用js用过dom增删改的形式改变页面. 4.返回JSON,实现客户端的无关性

springmvc 接口返回类转为json,并处理中文乱码问题

在springmvc.xml中加入下面一段 <mvc:annotation-driven> <mvc:message-converters> <bean class="org.springframework.http.converter.StringHttpMessageConverter"> <!-- 用于避免响应头过大 --> <property name="writeAcceptCharset" value

Servlet,JDBC,JSONObject三者配和处理客户端请求并返回正确的json数据

首先我们来理解json(JavaScript Object Notation),当然本博客不打算重新介绍一遍,如果你熟悉python的字典结构和列表结构,其实json格式是非常容易理解的,当然不熟也不难理解,网上的资料很多.可以到http://www.json.org/java/index.html 下载解析我们要使用到的代码,最后我还会讲解一下解析的具体过程. json包的使用 我们可以用toString()把这些对象装换成字符串 JSONObject 注意它的使用和一个Map非常相似,因为J

Spring MVC返回Map格式JSON数据

问题描述: ajax中走error : function(e) {} 问题背景: 在测试controller层时,试过了ResponseEntity<ResponseModel>这种类型返回,这是可行的,但是出于好奇,想看看Map返回可不可行.结果出乎我预料,返回Map时JSP页面总是走error : function(e) {},这就奇怪了,刚才用ResponseEntity返回可行,而Map为什么不行呢?于是就查了ajax走error:function的原因, 原因: 1. 后台出错 2.