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 相关文章推荐
JavaScript自定义事件介绍
Aug 29 Javascript
javascript 寻找错误方法整理
Jun 15 Javascript
基于jquery实现表格内容筛选功能实例解析
May 09 Javascript
玩转JavaScript OOP - 类的实现详解
Jun 08 Javascript
JavaScript设计模式之单体模式全面解析
Sep 09 Javascript
很棒的vue弹窗组件
May 24 Javascript
jquery 通过ajax请求获取后台数据显示在表格上的方法
Aug 08 jQuery
详解react-refetch的使用小例子
Feb 15 Javascript
jQuery实现提交表单时不提交隐藏div中input的方法
Oct 08 jQuery
如何在Node和浏览器控制台中打印彩色文字
Jan 09 Javascript
js实现简单五子棋游戏
May 28 Javascript
javascript前端实现多视频上传
Dec 13 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
印尼林东PWN黄金曼特宁咖啡豆:怎么冲世界上最醇厚的咖啡冲煮教程
2021/03/03 冲泡冲煮
IIS安装Apache伪静态插件的具体操作图文
2013/07/01 PHP
PHP代码优化的53个细节
2014/03/03 PHP
PHP生成等比缩略图类和自定义函数分享
2014/06/25 PHP
PHP中使用sleep造成mysql读取失败的案例和解决方法
2014/08/21 PHP
php计算整个mysql数据库大小的方法
2015/06/19 PHP
php实现过滤字符串中的中文和数字实例
2015/07/29 PHP
jQuery中:not选择器用法实例
2014/12/30 Javascript
jQuery中prop()方法用法实例
2015/01/05 Javascript
js实现产品缩略图效果
2017/03/10 Javascript
JavaScript获取URL参数的方法之一
2017/03/24 Javascript
vue.js通过路由实现经典的三栏布局实例代码
2018/07/08 Javascript
vue.js中导出Excel表格的案例分析
2019/06/11 Javascript
使用Python获取CPU、内存和硬盘等windowns系统信息的2个例子
2014/04/15 Python
Python编程语言的35个与众不同之处(语言特征和使用技巧)
2014/07/07 Python
Python中比较特别的除法运算和幂运算介绍
2015/04/05 Python
Python psutil模块简单使用实例
2015/04/28 Python
Python中random模块用法实例分析
2015/05/19 Python
Python获取某一天是星期几的方法示例
2017/01/17 Python
基于Python3 逗号代码 和 字符图网格(详谈)
2017/06/22 Python
django缓存配置的几种方法详解
2018/07/16 Python
python高级特性和高阶函数及使用详解
2018/10/17 Python
python pygame实现方向键控制小球
2019/05/17 Python
解决django服务器重启端口被占用的问题
2019/07/26 Python
浅谈python3中input输入的使用
2019/08/02 Python
python中dict()的高级用法实现
2019/11/13 Python
HTML5 Canvas画线技巧——实现绘制一个像素宽的细线
2013/08/02 HTML / CSS
DNA基因检测和分析:23andMe
2019/05/01 全球购物
挖掘机司机岗位职责
2014/02/12 职场文书
竞聘演讲稿精彩开头和结尾
2014/05/14 职场文书
素质教育标语
2014/06/27 职场文书
毕业生应聘求职信
2014/07/10 职场文书
质量承诺书格式范文
2015/04/28 职场文书
2015初中政治教学工作总结
2015/07/21 职场文书
经典人生语录分享:不畏将来,不念过去,笑对当下
2019/12/12 职场文书
JS 基本概念详细介绍
2021/10/16 Javascript