求助,页面JS解析天气预报JSON

xboyjimmy 2016-01-20 12:35:44
在Action中得到了以下字符串
{
"HeWeather data service 3.0": [
{
"aqi": {
"city": {
"aqi": "131",
"co": "1",
"no2": "89",
"o3": "17",
"pm10": "144",
"pm25": "99",
"qlty": "轻度污染",
"so2": "41"
}
},
"basic": {
"city": "无锡",
"cnty": "中国",
"id": "CN101190201",
"lat": "31.574000",
"lon": "120.288000",
"update": {
"loc": "2016-01-19 22:53",
"utc": "2016-01-19 14:53"
}
},
"daily_forecast": [
{
"astro": {
"sr": "06:57",
"ss": "17:20"
},
"cond": {
"code_d": "100",
"code_n": "101",
"txt_d": "晴",
"txt_n": "多云"
},
"date": "2016-01-19",
"hum": "25",
"pcpn": "0.0",
"pop": "0",
"pres": "1031",
"tmp": {
"max": "5",
"min": "-4"
},
"vis": "10",
"wind": {
"deg": "359",
"dir": "东北风",
"sc": "微风",
"spd": "6"
}
},
{
"astro": {
"sr": "06:57",
"ss": "17:21"
},
"cond": {
"code_d": "104",
"code_n": "404",
"txt_d": "阴",
"txt_n": "雨夹雪"
},
"date": "2016-01-20",
"hum": "46",
"pcpn": "0.0",
"pop": "0",
"pres": "1032",
"tmp": {
"max": "4",
"min": "0"
},
"vis": "10",
"wind": {
"deg": "60",
"dir": "东北风",
"sc": "微风",
"spd": "8"
}
},
{
"astro": {
"sr": "06:57",
"ss": "17:22"
},
"cond": {
"code_d": "404",
"code_n": "404",
"txt_d": "雨夹雪",
"txt_n": "雨夹雪"
},
"date": "2016-01-21",
"hum": "56",
"pcpn": "0.9",
"pop": "77",
"pres": "1029",
"tmp": {
"max": "3",
"min": "0"
},
"vis": "10",
"wind": {
"deg": "70",
"dir": "东北风",
"sc": "微风",
"spd": "2"
}
},
{
"astro": {
"sr": "06:56",
"ss": "17:23"
},
"cond": {
"code_d": "404",
"code_n": "404",
"txt_d": "雨夹雪",
"txt_n": "雨夹雪"
},
"date": "2016-01-22",
"hum": "77",
"pcpn": "3.5",
"pop": "75",
"pres": "1030",
"tmp": {
"max": "4",
"min": "-5"
},
"vis": "9",
"wind": {
"deg": "22",
"dir": "北风",
"sc": "3-4",
"spd": "11"
}
},
{
"astro": {
"sr": "06:56",
"ss": "17:24"
},
"cond": {
"code_d": "101",
"code_n": "100",
"txt_d": "多云",
"txt_n": "晴"
},
"date": "2016-01-23",
"hum": "32",
"pcpn": "0.0",
"pop": "1",
"pres": "1033",
"tmp": {
"max": "1",
"min": "-6"
},
"vis": "10",
"wind": {
"deg": "287",
"dir": "西北风",
"sc": "4-5",
"spd": "21"
}
},
{
"astro": {
"sr": "06:56",
"ss": "17:25"
},
"cond": {
"code_d": "101",
"code_n": "101",
"txt_d": "多云",
"txt_n": "多云"
},
"date": "2016-01-24",
"hum": "28",
"pcpn": "0.0",
"pop": "0",
"pres": "1039",
"tmp": {
"max": "-5",
"min": "-8"
},
"vis": "10",
"wind": {
"deg": "309",
"dir": "西北风",
"sc": "3-4",
"spd": "11"
}
},
{
"astro": {
"sr": "06:55",
"ss": "17:26"
},
"cond": {
"code_d": "101",
"code_n": "101",
"txt_d": "多云",
"txt_n": "多云"
},
"date": "2016-01-25",
"hum": "18",
"pcpn": "0.0",
"pop": "0",
"pres": "1039",
"tmp": {
"max": "0",
"min": "-5"
},
"vis": "10",
"wind": {
"deg": "315",
"dir": "南风",
"sc": "微风",
"spd": "2"
}
}
],
"hourly_forecast": [
{
"date": "2016-01-19 22:00",
"hum": "49",
"pop": "0",
"pres": "1032",
"tmp": "2",
"wind": {
"deg": "63",
"dir": "东北风",
"sc": "微风",
"spd": "15"
}
}
],
"now": {
"cond": {
"code": "101",
"txt": "多云"
},
"fl": "-1",
"hum": "65",
"pcpn": "0",
"pres": "1032",
"tmp": "-1",
"vis": "10",
"wind": {
"deg": "58",
"dir": "东风",
"sc": "3-4",
"spd": "10"
}
},
"status": "ok",
"suggestion": {
"comf": {
"brf": "较不舒适",
"txt": "白天天气阴沉,您会感觉偏冷,不很舒适,请注意添加衣物,以防感冒。"
},
"cw": {
"brf": "较适宜",
"txt": "较适宜洗车,未来一天无雨,风力较小,擦洗一新的汽车至少能保持一天。"
},
"drsg": {
"brf": "冷",
"txt": "天气冷,建议着棉服、羽绒服、皮夹克加羊毛衫等冬季服装。年老体弱者宜着厚棉衣、冬大衣或厚羽绒服。"
},
"flu": {
"brf": "易发",
"txt": "昼夜温差很大,易发生感冒,请注意适当增减衣服,加强自我防护避免感冒。"
},
"sport": {
"brf": "较不宜",
"txt": "阴天,且天气寒冷,推荐您在室内进行低强度运动;若坚持户外运动,请选择合适的运动并注意保暖。"
},
"trav": {
"brf": "一般",
"txt": "天气较好,风稍大,体感稍凉,旅游指数一般,外出请注意防风御寒。"
},
"uv": {
"brf": "最弱",
"txt": "属弱紫外线辐射天气,无需特别防护。若长期在户外,建议涂擦SPF在8-12之间的防晒护肤品。"
}
}
}
]
}

 <script type="text/javascript">
$(function(){
$.getJSON("WeatherAction",function(data){
alert(data);
var json=eval("("+data+")");
var aqiStr=json.HeWeatherdataservice3.0[0].aqi.city.aqi;
alert(aqiStr);
});
});
</script>



我需要取出其中的aqi.city.aqi里的那个131,应该怎么取?
小弟新手,刚学完JAVA,不懂JSON解析,求大哥大神帮忙
...全文
185 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
w1990xw 2016-01-20
  • 打赏
  • 举报
回复
action 中用String x = JSON.toJSONString(json的字符串) ;用model.addAttribute("x",x);传到页面去,页面用${x.aqi.city.aqi}取值
tony4geek 2016-01-20
  • 打赏
  • 举报
回复
<!DOCTYPE html>
<html>
<head>
<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
  var t={
    "HeWeather data service 3.0": [
        {
            "aqi": {
                "city": {
                    "aqi": "131"}}}]};
alert(t["HeWeather data service 3.0"][0].aqi.city.aqi);
  });
});
</script>
</head>
<body>
<p>如果您点击我 </p>
 
</body>
</html>
shixitong 2016-01-20
  • 打赏
  • 举报
回复
 $.getJSON("WeatherAction",function(data){
       alert(data["HeWeather data service 3.0"][0]["aqi"]["city"]["aqi"]);
    });

81,090

社区成员

发帖
与我相关
我的任务
社区描述
Java Web 开发
社区管理员
  • Web 开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧