jquery和雅虎的yql服务实现天气预报服务示例
本代码不涉及任何后端开发代码(如Net,JAVA等)。目前最权威的天气预报数据是中国天气网(http://www.weather.com.cn/),因为这个是官方提供的气象数据,除了商业的增值服务外,还提供了免费的以JSON数据格式返回的气象数据,以查看杭州的天气数据为例,可以输入以下地址:http://m。天气。com。cn/data/101210101。html,返回的JSON数据格式如下图:YQL服务可以实现对网上不同数据源的查询、过滤、组合(查询,过滤,合并),提供类似SQL,具体地址如下:http://开发者。雅虎。com/yql/console/。当实施查询的时候,YQL服务就会访问网络上的数据源,传输数据,返回可扩展置标语言或者JSON形式的数据结果YQL。可以使用许多类型的数据源,包括雅虎!网服务或者其他的网络服务,和网络数据类型例如:超文本标记语言、可扩展标记语言、RSS、和原子。因此可以通过两者的结合使用,完成天气预报功能的开发,具体射流研究…代码如下
复制代码代码如下:函数getWeather() { $ .getJSON(' http://)查询。雅虎API。com/v1/public/yql ',{ q: '从JSON中选择*其中URL=\ ' http://m。天气。com。cn/data/101210101。html \ ',format: 'json' },函数(数据){ if(数据。查询。结果){/$(' # content ').文本(JSON。stringify(数据。查询。结果));var J _ data=JSON。解析(JSON。stringify(数据。查询。结果));//alert(J _ data)。天气信息。城市);$('#content ').追加(' p' J_data.weatherinfo.city)天气预报(数据来源中国天气网)' '/p ');$('#content ').追加(' p ' J _ data。天气信息。日期_ y ' ' J _ data。天气信息。每周' ' J _ data。天气信息。温度1 ' ' J _数据。天气信息。天气1 ' ' J _ data。天气信息。索引' ' J _ data。天气信息。index _ d '/p ');var t=J _ data。天气信息。date _ y;t=t.replace('年','/');t=t.replace('月','/');t=t.replace('日','');新日期;var t2=新日期();T2。setdate(tdy。get date)(1);$('#content ').追加(“p”T2 .格式(' yyyy年梅智节拍器月截止日期(截止日期的缩写)日)”“获取天气天数(T2)”“J _ data。天气信息。温度2""J _ data。天气信息。天气2“J _ data。天气信息。wind 2 '/p ');var t3=新日期();T3。setdate(tdy。get date)(2);$('#content ').追加(' p' t3 .格式(' yyyy年梅智节拍器月截止日期(截止日期的缩写)日)‘’获取工作日(T3)‘’J _ data。天气信息。温度3''J _ data。天气信息。天气3''J _ data。天气信息。风3 '/p ';var t4=新日期();T4。setdate(tdy。get date)(3);$('#content ').追加(' p' t4 .格式(' yyyy年梅智节拍器月截止日期(截止日期的缩写)日)”“获取天气天数(T4)”“J _ data。天气信息。temp4""J _ data。天气信息。天气4“J _ data。天气信息。风4 '/p ');var t5=新日期();t5。setdate(tdy。get date)(4);$('#content ').追加(' p' t5 .格式(' yyyy年梅智节拍器月截止日期(截止日期的缩写)日)‘’获取工作日(t5)‘’J _ data。天气信息。temp5''J _ data。天气信息。天气5''J _ data。天气信息。风5 '/p ';var t6=新日期();T6。setdate(tdy。get date)(5);$('#content ').追加(' p' t6 .格式(' yyyy年梅智节拍器月截止日期(截止日期的缩写)日)‘’获取工作日(T6)‘’J _ data。天气信息。温度6''J _数据。天气信息。天气6''J _ data。天气信息。风6 '/p ';//alert(getweekdays(T2));} else { $('#content ').文本('没有这样的代码: '代码);} });//$.getJSON(' http://m。天气。com。cn/data/101210101。html ',null,函数(JSON){ alert(JSON);});}函数getweekdays(datey){ if(datey。getday()==0){ return '星期日;} else if(datey。GetDay()==1){ return '星期一;} else if(datey。GetDay()==2){ return '星期二;} else if(datey。GetDay()==3){ return '星期三;} else if(datey。GetDay()==4){ return '星期四;} else if(datey。GetDay()==5){ return '星期五;} else if(datey。GetDay()==6){ return '星期六;} }最终实现的效果,如下图
版权声明:jquery和雅虎的yql服务实现天气预报服务示例是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。