php ajax实现无刷新获取天气状态

作者：袖梨 2022-06-24

href="https://img.111cn.net/uploads/20220926/img_633101796627130.jpg" class="js-smartPhoto-pc" target="_blank">

理想的状态应该是用户根据不同的访问地自动获取当地的天气信息，但是暂时技术有限吧，只能完成手动查询的了。这个就简单多了，没用到过多的技术，主要是应用ajax调用一个开放接口，然后再处理一下返回的json数据就完成了。

接口地址：http://www.weathe**r.co*m.cn/data/cityinfo/101200101.html

返回的值：{"weatherinfo":{"city":"武汉","cityid":"101200101","temp1":"28℃","temp2":"36℃","weather":"晴转多云","img1":"n0.gif","img2":"d1.gif","ptime":"18:00"}}


接口地址部分“101200101”，这串ID号是城市ID，我百度到城市对应的id，然后封装成了一个数组，用的时候直接调用就行了。核心代码也不多，主要是城市——ID比较大，我就不贴源码了，直接打包分享出来吧。需要的朋友直接下载就行了！

部份代码

代码如下 复制代码




getweather.php文件

代码如下 复制代码


请输入城市：


为、

include "citycode.php";
$city = $_POST['city'];
$citycode = @$citycode[$city];
//echo "shibushi";
if(empty($citycode)){
echo "您输入的城市不在范围内";
}else{
echo file_get_contents("http://www.weat*her*.co*m.cn/data/cityinfo/".$citycode.".html");
}
?>

测试效果

源码下载：php ajax实现无刷新获取天气状态源码下载:

相关文章

精彩推荐