首页 > 代码库 > 简单使用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获取天气