Jquery获取当前城市的天气信息


Posted in Javascript onAugust 05, 2016

本文实例为大家分享了Jquery获取当前城市的天气信息代码,供大家参考,具体内容如下

HTML代码:
<div id="weather"></div>
Jquery代码:

function findWeather() {
  var cityUrl = 'http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js';
  $.getScript(cityUrl, function(script, textStatus, jqXHR) {
    var citytq = remote_ip_info.city ;// 获取城市
    var url = "http://php.weather.sina.com.cn/iframe/index/w_cl.php?code=js&city=" + citytq + "&day=0&dfc=3";
    $.ajax({
      url : url,
      dataType : "script",
      scriptCharset : "gbk",
      success : function(data) {
        var _w = window.SWther.w[citytq][0];
        var _f= _w.f1+"_0.png";
        if(new Date().getHours() > 17){
           _f= _w.f2+"_1.png";        
        }
        var img = "<img width='16px' height='16px' src='http://i2.sinaimg.cn/dy/main/weather/weatherplugin/wthIco/20_20/" +_f
        + "' />";
        var tq = citytq + " " + img + " " + _w.s1 + " " + _w.t1 + "℃~" + _w.t2 + "℃ " + _w.d1 + _w.p1 + "级";
         
        $('#weather').html(tq);
      }
    });
  });
}
 
findWeather();

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
多广告投放代码 推荐
Nov 13 Javascript
jQuery 遍历-nextUntil()方法以及prevUntil()方法的使用介绍
Apr 26 Javascript
javascript Array.prototype.slice的使用示例
Nov 14 Javascript
jquery+ajax请求且带返回值的代码
Aug 12 Javascript
基于jQuery实现淡入淡出效果轮播图
Jul 31 Javascript
JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法
Dec 07 Javascript
详解Angular之constructor和ngOnInit差异及适用场景
Jun 22 Javascript
JavaScript表单即时验证 验证不成功不能提交
Aug 31 Javascript
Vuex 进阶之模块化组织详解
Jan 12 Javascript
微信小程序 SOTER 生物认证DEMO 指纹识别功能
Dec 13 Javascript
JS代码触发事件代码实例
Jan 02 Javascript
JS addEventListener()和attachEvent()方法实现注册事件
Jan 11 Javascript
JavaScript蒙板(model)功能的简单实现代码
Aug 04 #Javascript
Three.js学习之Lamber材质和Phong材质
Aug 04 #Javascript
基于JavaScript实现在新的tab页打开url
Aug 04 #Javascript
同步文本框内容JS代码实现
Aug 04 #Javascript
JS打印组合功能
Aug 04 #Javascript
Listloading.js移动端上拉下拉刷新组件
Aug 04 #Javascript
jQuery选择器总结之常用元素查找方法
Aug 04 #Javascript
You might like
新版mysql+apache+php Linux安装指南
2006/10/09 PHP
无法载入 mcrypt 扩展,请检查 PHP 配置终极解决方案
2011/07/18 PHP
PHP实现电商订单自动确认收货redis队列
2017/05/17 PHP
php处理抢购类功能的高并发请求
2018/02/08 PHP
thinkphp5+layui实现的分页样式示例
2019/10/08 PHP
Ajax::prototype 源码解读
2007/01/22 Javascript
javascript 操作select下拉列表框的一点小经验
2010/03/20 Javascript
javascript抖动元素的小例子
2013/10/28 Javascript
jQuery对象的length属性用法实例
2014/12/27 Javascript
javascript搜索框效果实现方法
2015/05/14 Javascript
jQuery实现简单隔行变色的方法
2016/02/20 Javascript
jQuery提示插件qTip2用法分析(支持ajax及多种样式)
2016/06/08 Javascript
Jquery Easyui日历组件Calender使用详解(23)
2016/12/18 Javascript
微信小程序 表单Form实例详解(附源码)
2016/12/22 Javascript
JavaScript实现父子dom同时绑定两个点击事件,一个用捕获,一个用冒泡时执行顺序的方法
2017/03/30 Javascript
weex slider实现滑动底部导航功能
2017/08/28 Javascript
Vue 应用中结合vux使用微信 jssdk的方法
2018/08/28 Javascript
javascript之分片上传,断点续传的实际项目实现详解
2019/09/05 Javascript
[26:52]LGD vs EG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
初学python数组的处理代码
2011/01/04 Python
使用python爬虫实现网络股票信息爬取的demo
2018/01/05 Python
django执行原始查询sql,并返回Dict字典例子
2020/04/01 Python
Python decimal模块使用方法详解
2020/06/08 Python
django rest framework 过滤时间操作
2020/07/12 Python
如何使用Python自动生成报表并以邮件发送
2020/10/15 Python
通过一张图教会你CSS3倒影的实现
2017/09/26 HTML / CSS
西班牙香水和化妆品网上商店:Douglas
2017/10/29 全球购物
台湾家适得:Homeget
2019/02/11 全球购物
大学生饮食配送创业计划书
2014/01/04 职场文书
物理研修随笔感言
2014/02/14 职场文书
项目投资意向书
2014/04/01 职场文书
班级学习雷锋活动总结
2014/07/04 职场文书
幼儿园工作总结2015
2015/04/01 职场文书
高中班主任培训心得体会
2016/01/07 职场文书
Redis遍历所有key的两个命令(KEYS 和 SCAN)
2021/04/12 Redis
pytorch分类模型绘制混淆矩阵以及可视化详解
2022/04/07 Python