首页 > Web开发 > 详细

简单使用jsonp获取天气

时间:2017-07-20 19:21:31      阅读:257      评论:0      收藏:0      [点我收藏+]

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

  整体代码如下:

  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>  

  这样就结束了。

简单使用jsonp获取天气

原文:http://www.cnblogs.com/CooLLYP/p/7213698.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!