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')
      }
    });
  }
});

输出结果：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • PHP Ajax JavaScript Json获取天气信息实现代码

    PHP Ajax JavaScript Json获取天气信息实现代码

    要在自己的网站上添加一个天气预报功能,是一个很普通的需求,实现起来也不是很难.今天来介绍几个简单的方法. 使用第三方服务 有这样的一种简单的方式,借助http://www.tianqi.com/plugin/网上的天气服务,可以定制我们的显示形状,实现添加天气预报的功能. 下面给出一个简单的小例子: 复制代码 代码如下: <iframe width="420" scrolling="no" height="60" frameborder=&

  • 天枫AJAX天气预报系统V1.0

    '----------------------------------------------------------------------'转发时请保留此声明信息,这段声明不并会影响你的速度!'*******************  天枫AJAX天气预报系统V1.0 ************************************'作者:天枫'网站:http://www.52515.net'电子邮件:chenshaobo@gmail.com'QQ:76994859'版权声明:版权所

  • PHP+AJAX无刷新实现返回天气预报数据

    用php来写一个天气预报的模块 天气数据是通过采集中国气象网站的.本来中国天气网站也给出了数据的API接口.以下是API的地址.返回的数据格式为json格式. 1. http://www.weather.com.cn/data/sk/101010100.html 2. http://www.weather.com.cn/data/cityinfo/101010100.html 3. http://m.weather.com.cn/data/101010100.html URL中的数字"10101

  • 配合AJAX天气预报的webService 之asp

    因为发现AJAX目前跨域有点问题,只能在IE里面设置才可以使用,所以自己就写了个简单ASP的webService,其实作用就是一个小偷程序,把雅虎的天气抓了过来,然后生成XML.先从这里开始吧,以后会考虑添加数据库,这样客户端写好后读取速度就很快了. 习惯了用JS写东西,一不小心ASP也全拿JS写的,呵呵,有时间再改成VB. 我再鄙视他一下,FLASH是N年前就搞过的,时间虽然丢的有点长了,但是在AW的帮助,慢慢就会有所起色. 总算平息了火,还算是又默默改变了一件事情. 复制代码 代码如下: <

  • AJAX天气预报前台

    直接配合前面的后台程序,就可以实现跨域抓取天气信息了. 目前已完美支持firefox了 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml&qu

  • AJAX集天气\IP\多国语言翻译MP3(可同步LRC歌词显示)\万年历查询通

    '转发时请保留此声明信息,这段声明不并会影响你的速度! '****天枫AJAX集天气\IP\多国语言翻译MP3(可同步LRC歌词显示)\万年历查询通******** '作者:天枫 '网站:http://www.52515.net '电子邮件:chenshaobo@gmail.com 'WEB开发群:4635188 19182747 'QQ:76994859 '版权声明:版权所有,源代码公开,各种用途均可免费使用,但是修改后必须把修改后的文件 '发送一份给作者.并且保留作者此版权信息 '*****

  • JS HTML5 音乐天气播放器(Ajax获取天气信息)

    JS HTML5 音乐天气播放器(Ajax获取天气信息)

    晚上要考软件工程,实在不想复习.写个播放器吧,这个只是个用来学习的小Demo,众多不完善之处,下面贴出源代码,如果要转载,请加上版权声明 PS:因为Ajax涉及到跨域获取天气信息,有两个版本,一个是直接跨域,IE10支持,其他的浏览器要改配置.另一个是服务器端的weather.php,获取天气信息返回json. weather.php就不写了,里面的对应路径存放对应的文件 演示地址: http://569375.ichengyun.net/fm/ 实现功能:音乐播放,进度调节(滑动模块),音量条

  • Ajax 通过城市名获取数据(全国天气预报API)

    Ajax 通过城市名获取数据(全国天气预报API)

    预览图(比较简单粗糙) 聚合数据全国天气预报接口:https://www.juhe.cn/docs/api/id/39 接口地址:http://v.juhe.cn/weather/index 支持格式:json/xml 请求方式:get 请求示例:http://v.juhe.cn/weather/index?format=2&cityname=%E8%8B%8F%E5%B7%9E&key=您申请的KEY 调用样例及调试工具:API测试工具 请求参数说明: 名称 类型 必填 说明 cityn

  • ajax获取用户所在地天气的方法

    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"

  • JS获取本地地址及天气的方法实例小结

    本文实例讲述了JS获取本地地址及天气的方法.分享给大家供大家参考,具体如下: 一.获取本地的地址 第一种方式: 1.利用浏览器获取当前位置的经纬度 window.onload=getCurrentPosition; //浏览器获取当前位置 function getCurrentPosition() { if (window.navigator.geolocation) { var options = { enableHighAccuracy: true, }; window.navigator.

  • Ajax获取响应内容长度的方法

    本文实例讲述了Ajax获取响应内容长度的方法.分享给大家供大家参考.具体如下: var xhr = $.ajax({ type: "HEAD", url: "path/to/file.ext", success: function(msg){ alert(xhr.getResponseHeader('Content-Length') + ' bytes'); } }); 希望本文所述对大家的Ajax程序设计有所帮助.

  • 微信小程序获取用户openId的实现方法

    微信小程序获取用户openId的实现方法 前端: wx.login({ success: function (res) { res.code }) 获取到code后,传到后台, 然后请求微信接口 https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code 把参数替换为自己的参数,这个接口就直接返回openId了

  • python使用Flask框架获取用户IP地址的方法

    本文实例讲述了python使用Flask框架获取用户IP地址的方法.分享给大家供大家参考.具体如下: 下面的代码包含了html页面和python代码,非常详细,如果你正使用Flask,也可以学习一下最基本的Flask使用方法. python代码如下: from flask import Flask, render_template, request # Initialize the Flask application app = Flask(__name__) # Default route,

  • Python使用django获取用户IP地址的方法

    本文实例讲述了Python使用django获取用户IP地址的方法.分享给大家供大家参考.具体如下: 函数实现: def get_client_ip(request): try: real_ip = request.META['HTTP_X_FORWARDED_FOR'] regip = real_ip.split(",")[0] except: try: regip = request.META['REMOTE_ADDR'] except: regip = "" r

  • php获取用户浏览器版本的方法

    本文实例讲述了php获取用户浏览器版本的方法.分享给大家供大家参考.具体分析如下: 在php中我们有个全局变量$_SERVER['HTTP_USER_AGENT'];可以获取用户所有信息,我们要经过处理才可以判断用户浏览器是哪种类型的,下面的函数就可以准确的用户浏览器版本号代码. 复制代码 代码如下: function getbrowse() {  $agent = $_server['http_user_agent'];  $browser = '';  $browserver = '';  

  • java获取用户输入的字符串方法

    问题描述 很多同学跟我一样,都是刚开始接触java,可能从c语言突然转为java语言,有些跟我一样手足无措,那怎么获取用户输入的字符串! 如下示列: import Java.util.Scanner; //导入输入类   public static void main(String[] args) {      //创建输入对象   Scanner sc=new Scanner(System.in);      //获取用户输入的字符串   String str=null;   System.o

  • Yii使用EasyWechat实现小程序获取用户的openID的方法

    一:安装EasyWechat EasyWechat文档:https://www.easywechat.com/docs 在Yii使用EasyWechat,有两个拓展可以使用,分别为jianyan74/yii2-easy-wechat 适用于 EasyWeChat 4.x,max-wen/yii2-easy-wechat 适用于 EasyWeChat 3.x,这里我是用的是jianyan74/yii2-easy-wechat拓展 composer require jianyan74/yii2-ea

  • 详解在使用CDN加速时Nginx获取用户IP的配置方法

    关于CDN 内容分发网络(Content delivery network或Content distribution network,缩写:CDN)是指一种通过互联网互相连接的电脑网络系统,利用最靠近每位用户的服务器,更快.更可靠地将音乐.图片.视频.应用程序及其他文件发送给用户,来提供高性能.可扩展性及低成本的网络内容传递给用户. 内容分发网络的总承载量可以比单一骨干最大的带宽还要大.这使得内容分发网络可以承载的用户数量比起传统单一服务器多.也就是说,若把有100Gbps处理能力的服务器放在只

随机推荐