简单使用jsonp获取天气

Posted 2020-09-29 我要成为酷酷的人

在这里使用的是百度天气：

　　整体代码如下：

　　js:

　　<script src="js/jquery.min.js"></script>

　　<script>

　　　　$.ajax({

　　　　　　url: "http://api.map.baidu.com/telematics/v3/weather?location=北京（需要的城市名字）&output=json&ak=AK(您的AK值例如：9kyhDI0YZPNEk3O6myQcZhNYDqhTXEQx)"，

　　　　　　datatype: "jsonp",

　　　　　　success: getWeather  (成功的回调)

　　　　})；

　　　　

　　　　function getWeather(data){
　　　　　　console.log(data);　　　　　　//此项数据返回的是一个集合，你需要什么就可以在页面上显示什么
　　　　　　$("body").append(`　　　　　　//这里做了一个简单的demo向body中插入了 当前日期，地址，以及PM2.5值
　　　　　　　　<div>日期：${data.date} 地址：${data.results[0].currentCity} pm值：${data.results[0].pm25} </div>
　　　　　　`)；
　　　　}；

　　

　　</script>　　

　　这样就结束了。