调用腾讯QQ天气预报的JS代码

一直在用腾讯的天气预报,原本都挺好的。可是腾讯视乎发现了有外链情况。又是对其IP地址库(http://fw.qq.com:80/ipaddress)加了防盗链,又是升级了脚本代码。导致我原来发的脚本无法正常显示天气。所以,最近抽空修改其代码,使其可以具备自动识别地址的功能,也可以手动指定城市,当然,最总要的是可以自定义显示效果。

简化版(不自动识别用户所在地)测试效果:

北京 -4℃~4℃ 多云,有轻度雾霾


代码如下:

<div id="wealth">&nbsp;</div>
<script type="text/javascript" src="j.minisite.weather.js" charset="gbk"></script>
<script type="text/javascript">
MiniSite.Weather.print(function(data) {
    // data.code: 城市代码
    // data.city: 城市名
    // data.current: 当前温度
    // data.range: 温度范围
    // data.wealth: 天气
    // data.link: 腾讯天气的链接地址
    document.getElementById('wealth').innerHTML = data.city + " " + data.range + " " + data.wealth;
},"浙江省","杭州市");
 
// 如果是直辖市
// MiniSite.Weather.print(function(data) {
//    document.getElementById('wealth').innerHTML = data.city + " " + data.range + " " + data.wealth;
//},"上海市","上海市");
 
// 若未填写省市,则默认显示北京的天气
// MiniSite.Weather.print(function(data) {
//    document.getElementById('wealth').innerHTML = data.city + " " + data.range + " " + data.wealth;
//});
 
// 完整版
// MiniSite.Weather.print(function(data) {
//    document.getElementById('wealth').innerHTML = data.city + " " + data.range + " " + data.wealth;
//},"url/to/get/location");
</script>

代码下载

简化版(不自动识别用户所在地)下载地址:JS调用腾讯天气-简化版   [v1.0 - 4.54 kB - 318 Hits]

完整版(自动识别用户所在地)下载地址:JS调用腾讯天气-完整版   [v1.0 - 9.2 kB - 363 Hits] (内含PHP,ASP两种脚本)

完整版需要通过服务器端脚本(PHP、ASP、Java等)来实现了。可以谷歌、百度一下“XX读取纯真IP库”(XX是对应的服务器端脚本)。

完整版的服务器端代码中不包含纯真IP库,请自行下载后放到server/data目录中,文件名是:qqwry.dat
纯真IP库最新版:http://www.crsky.com/soft/2611.html

posted @ 2013-03-20 08:14  rains  阅读(2048)  评论(0编辑  收藏  举报