zoukankan      html  css  js  c++  java
  • 使用jsonp获取天气情况

    在这里使用的是百度天气:
    
      整体代码如下:
    
      js:
    
      <script src="https://apps.bdimg.com/libs/jquery/2.1.4/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>  

    例如:调用郑州市返回的回调函数的data集合如下:

         $.ajax({
                url: "http://api.map.baidu.com/telematics/v3/weather?location=郑州&output=json&ak=9kyhDI0YZPNEk3O6myQcZhNYDqhTXEQx",
                dataType: "jsonp",
                success: getWeather
            });
            function getWeather(data){
                console.log(data);
            };

    截图如下:

    data.results 返回的各项详细数据可根据自己所需要的取值。

  • 相关阅读:
    InterlockedIncrement函数详解
    c#事件调用
    jdk-8u281-windows-x64.exe JavaSE开发包
    安卓SDK_installer_r24.4.1-windows
    c#中@符号作用
    c#winformAPI_MFC_API
    NFC上位机未发现RFID设备
    MFC隐藏到托盘双击还原_右键退出实现方法
    win10 win+R快捷指令启动程序汇总
    CAN总线调试---节点掉线问题
  • 原文地址:https://www.cnblogs.com/CooLLYP/p/7213698.html
Copyright © 2011-2022 走看看