原文链接地址
使用天气接口,接口获取天气,后面的101170301为城市编号。各城市编号连接下载地址"https://download.csdn.net/download/weixin_38959210/10793554";
@RequestMapping(value = "/tianqi.do") public JSONObject tianqi(HttpServletRequest request,HttpServletResponse response) throws UnsupportedEncodingException { request.setCharacterEncoding("utf-8"); response.setCharacterEncoding("UTF-8"); System.out.println("/tianqi.do打印出的东西:"+cn.temptation.web.tianqi.sendGet("http://t.weather.sojson.com/api/weather/city/101170301")); return (JSONObject) JSON.parse(cn.temptation.web.tianqi.sendGet("http://t.weather.sojson.com/api/weather/city/101170301")); }以上为后台代码:
前台html代码为:
<table border="1"> <tr> <td>城市</td> <td id=city></td> </tr> <tr> <td>更新时间</td> <td id=updateTime></td> </tr> <tr> <td>湿度</td> <td id=shidu></td> </tr> <tr> <td>pm2.5</td> <td id=pm25></td> </tr> <tr> <td>pm10</td> <td id=pm10></td> </tr> <tr> <td>空气质量</td> <td id=quality></td> </tr> <tr> <td>温度</td> <td id=wendu></td> </tr> <tr> <td>空气指数</td> <td id=ganmao></td> </tr> </table>js代码:
$(function(){ function tianqi(){ $.ajax({ url: "tianqi.do", type: "POST", datatype: "json", contentType: "application/json", success: function(data){ $("#time").html(data.time); $("#city").html(data.cityInfo.city); $("#updateTime").html(data.cityInfo.updateTime); $("#shidu").html(data.data.shidu); $("#pm25").html(data.data.pm25); $("#pm10").html(data.data.pm10); $("#quality").html(data.data.quality); $("#wendu").html(data.data.wendu); $("#ganmao").html(data.data.ganmao); }, error:function(){ alert("获取数据失败"); } }); } ## 三 天气API(需注册获取key):https://www.sojson.com/blog/305.html ## 四 免费API(无需注册,不知道稳不稳定):http://t.weather.itboy.net/api/weather/city/101121301 demo地址:https://www.sojson.com/blog/349.html看完文章了可以试试下面这个接口:
http://i.tianqi.com/index.php?c=code&id=12&icon=1&num=5