实例详解ajax获取用户所在地天气的方法

小云云
发布: 2017-12-25 09:49:57
原创
1957人浏览过

本文主要为大家详细介绍了ajax获取用户所在地天气的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能帮助到大家。

使用ajax获取用户所在地的天气,供大家参考,具体内容如下

1.要获取用户归属地的天气,首先得获取用户所在的市区,这里先获取用户的IP,通过IP获取IP的归属地,从而得到用户地址。

2.因为阿里云提供了通过城市名(city)或者城市编号(cityId)

即可获取天气的API,从而获取用户归属地天气


var city1;
$.ajax({
  //获取客户端 IP 和 归属地
  url: "http://chaxun.1616.net/s.php?type=ip&output=json",
  dataType: "jsonp",
  success: function (data) {
    console.log('ip:' + data.Ip)
    console.log('归属地:' + data.Isp)   
    var lcity = data.Isp.split(' ')[0];
    //获取短名称,如淮安市
    city1 = lcity.split('省')[1];
    console.log(city1)
    //因为是异步刷新,所以两个请求几乎同时进行
    $.ajax({
      type: 'get',
      url: 'http://jisutqybmf.market.alicloudapi.com/weather/query',
      async: true,
      //设置验证方式,设置请求头
      //1,APPCode
      headers: { Authorization: "APPCODE 你的APPCode" },
      //2.APPSecret 暂时不能用
      //headers: { AppKey: '你的APPKey', AppSecret :'你的APPSecret' },
      data: { city: city1 },
      success: function (result) {
        console.log(result['result'])
        //alert(result)
      },
      error: function () {
        alert('error')
      }
    });
  }
});
登录后复制

输出结果:

相关推荐:

如何使用PHP调用API接口实现天气查询功能

有关查询天气的文章推荐6篇

关于获取指定地区的天气的3篇文章推荐

以上就是实例详解ajax获取用户所在地天气的方法的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号