让我们给自己的 Blog 添加个 天气预报 吧



这个功能我们还是需要使用 腾讯 的功能:
http://appnews.qq.com/cgi-bin/news_qq_search?city==

默认是深圳地区的天气情况,这是服务器端生成的,如果哪位高手可以更改样式,不妨告诉我,让大家分享一下。


src="http://appnews.qq.com/cgi-bin/news_qq_search?city=%B1%B1%BE%A9" frameborder="0" width="157" scrolling="no" height="240">


这是本站所使用的 天气预报 ,北京地区。

代码如下:

<center><iframe width=157 height=240 frameborder=0 scrolling=NO src='http://appnews.qq.com/cgi-bin/news_qq_search?city=%B1%B1%BE%A9'></ iframe></center>


这里定义了居中,定义了宽度和高度。注意:%B1%B1%BE%A9 代表的是北京,全国其他地方的朋友可以根据具体情况自己替换,其实只要写上中文就可以,这是16进制,服务器可以帮你解析。如果想得到相关的城市代码,只要在任何一个搜索引擎上写上自己的地址,就可以帮你解析出来。

引用\[1\]和\[2\]中的代码是使用jQuery的ajax方法来获取天气预报信息的示例代码。这段代码通过发送GET请求到指定的API接口,传递城市参数,然后获取返回的天气数据。在成功获取数据后,将数据显示在页面上。具体的实现过程如下: 1. 首先,需要引入jQuery库和相关的插件,确保页面中有这些库的引用。 2. 在页面中添加一个文本框和一个按钮,用于输入城市名称和触发获取天气预报的操作。 3. 使用jQuery的ajax方法,在按钮点击事件中发送GET请求到天气预报API接口。请求的URL和参数需要根据具体的API接口来设置。 4. 在成功获取数据后,可以通过回调函数来处理返回的数据。可以根据返回的数据格式来解析和显示天气信息。 需要注意的是,这段代码中使用了jsonp的数据类型,这是因为在跨域请求时,使用jsonp可以绕过浏览器的同源策略限制。同时,还需要设置jsonpCallback参数,指定回调函数的名称。 总结起来,这段代码使用了jQuery的ajax方法来实现天气预报功能,通过发送GET请求获取天气数据,并将数据显示在页面上。具体的实现过程需要根据具体的API接口和数据格式来进行调整。 #### 引用[.reference_title] - *1* *3* [Ajax jQuery 安装 &天气预报 关键字查询 自动填充 等功能](https://blog.csdn.net/BADReamer/article/details/109879242)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [Jquery+ajax 天气预报实例](https://blog.csdn.net/u011090104/article/details/103005325)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值