天气预报的功能实现又和多种方法实现,我目前接触了两种:第一种,使用天气预报插件,百度一搜都是,如http://www.tianqi.com/plugin/,选择合适的展示风格,然后生成代码,将代码贴到自己的jsp中,完成。非常简单。第二种,使用第三方外部接口,发送请求到第三方服务器请求天气data,返回的是json格式的数据,自己在更具需求做合适的展现。
这里着重讲第二种,以聚合网的天气数据作为要请求的数据。首先,注册用户,申请数据 获取自己的 APPkey,然后可以测试一下能否获取数据(免费的每天只可以访问20次)
在js代码里异步请求里应该这样写
function getWeather(){
var value=$("#city").val();
var url="http://v.juhe.cn/xiangji_weather/real_time_weather.php?areaid=101010100&key=**************************";
alert(url);
$.get(url,function(data,status){
alert(data);
console.log(data);
},'JSONP');
数据返回格式为JSONP, 否则出异常 No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:9999' is therefore not allowed access.