首页 > 代码库 > 简单使用jsonp获取天气
简单使用jsonp获取天气
在这里使用的是百度天气:
整体代码如下:
js:
<script src="http://www.mamicode.com/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>
这样就结束了。
简单使用jsonp获取天气
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。