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 相关文章推荐
ExtJs的Date格式字符代码
Dec 30 Javascript
Jquery节点遍历next与nextAll方法使用示例
Jul 22 Javascript
JavaScript闭包函数访问外部变量的方法
Aug 27 Javascript
移动端H5开发 Turn.js实现很棒的翻书效果
Jun 20 Javascript
jquery datatable服务端分页
Aug 31 Javascript
关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法
Mar 02 Javascript
vue.js指令v-model使用方法
Mar 20 Javascript
微信小程序 es6-promise.js封装请求与处理异步进程
Jun 12 Javascript
ES6中新增的Object.assign()方法详解
Sep 22 Javascript
node(koa2) web应用模块介绍详解
Mar 29 Javascript
js+html5 canvas实现ps钢笔抠图
Apr 28 Javascript
浅谈Vue2.4.0 $attrs与inheritAttrs的具体使用
Mar 08 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
php XPath对XML文件查找及修改实现代码
2011/07/27 PHP
php使用异或实现的加密解密实例
2013/09/04 PHP
CodeIgniter针对lighttpd服务器URL重写的方法
2015/06/10 PHP
PHP如何将图片文件上传到另外一台服务器上
2019/08/26 PHP
php伪静态验证码不显示的解决方案
2019/09/26 PHP
PHP7 参数处理机制修改
2021/03/09 PHP
使用jQuery的ajax功能实现的RSS Reader 代码
2009/09/03 Javascript
基于jquery的一个简单的脚本验证插件
2010/04/05 Javascript
raphael.js绘制中国地图 地图绘制方法
2014/02/12 Javascript
当前流行的JavaScript代码风格指南
2014/09/10 Javascript
jQuery处理图片加载失败的常用方法
2015/06/08 Javascript
写给小白的JavaScript引擎指南
2015/12/04 Javascript
扩展Bootstrap Tooltip插件使其可交互的方法
2016/11/07 Javascript
JavaScript数据结构之链表的实现
2017/03/19 Javascript
bootstrap switch开关组件使用方法详解
2017/08/22 Javascript
vue2.0之多页面的开发的示例
2018/01/30 Javascript
Vue实现简单分页器
2018/12/29 Javascript
手把手15分钟搭一个企业级脚手架
2019/09/16 Javascript
vue + axios get下载文件功能
2019/09/25 Javascript
Vue实现push数组并删除的例子
2019/11/01 Javascript
微信小程序对图片进行canvas压缩的方法示例详解
2020/11/12 Javascript
纯Python开发的nosql数据库CodernityDB介绍和使用实例
2014/10/23 Python
python中requests爬去网页内容出现乱码问题解决方法介绍
2017/10/25 Python
Python实现基本数据结构中队列的操作方法示例
2017/12/04 Python
小米5s微信跳一跳小程序python源码
2018/01/08 Python
Python实现PS滤镜中马赛克效果示例
2018/01/20 Python
Django自定义用户表+自定义admin后台中的字段实例
2019/11/18 Python
西班牙汉普顿小姐:购买帆布鞋和太阳镜
2016/10/23 全球购物
舞会礼服和舞会鞋:PromGirl
2019/04/22 全球购物
Java面试题及答案
2012/09/08 面试题
Java基础类库面试题
2013/09/04 面试题
个人应聘自我评价分享
2013/11/18 职场文书
领导班子整改措施
2014/10/24 职场文书
小学大队干部竞选稿
2015/11/20 职场文书
创业计划书之水果店
2019/07/18 职场文书
Flink 侧流输出源码示例解析
2022/09/23 Servers