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 suggest效果 自动完成实现代码分享
Feb 17 Javascript
JQuery记住用户名密码实现下次自动登录功能
Apr 27 Javascript
jQuery实现默认是闭合的FAQ展开效果菜单
Sep 14 Javascript
解决jquery中动态新增的元素节点无法触发事件问题的两种方法
Oct 30 Javascript
完美解决UI-Grid表格元素中多个空格显示为一个空格的问题
Apr 25 Javascript
JS非空验证及邮箱验证的实例
Aug 11 Javascript
vue-cli 脚手架基于Nightwatch的端到端测试环境的过程
Sep 30 Javascript
Vue自定义属性实例分析
Feb 23 Javascript
关于layui 下拉列表的change事件详解
Sep 20 Javascript
vue中改变滚动条样式的方法
Mar 03 Javascript
vue抽出组件并传值实例
Jul 31 Javascript
ES11屡试不爽的新特性,你用上了几个
Oct 21 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图片验证码代码
2008/03/27 PHP
PHPExcel内存泄漏问题解决方法
2015/01/23 PHP
yii2中添加验证码的实现方法
2016/01/09 PHP
CodeIgniter分页类pagination使用方法示例
2016/03/28 PHP
PHP数组基本用法与知识点总结
2020/06/02 PHP
在NodeJS中启用ECMAScript 6小结(windos以及Linux)
2014/07/15 NodeJs
jQuery实现购物车计算价格功能的方法
2015/03/25 Javascript
JavaScript上传文件时不用刷新页面方法总结(推荐)
2017/08/15 Javascript
express如何使用session与cookie的方法
2018/01/30 Javascript
详解NodeJS Https HSM双向认证实现
2019/03/12 NodeJs
js get和post请求实现代码解析
2020/02/06 Javascript
基于vue项目设置resolves.alias: '@'路径并适配webstorm
2020/12/02 Vue.js
[01:01:14]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第一场 11.21
2020/11/23 DOTA
Python中zip()函数用法实例教程
2014/07/31 Python
python爬虫框架talonspider简单介绍
2017/06/09 Python
Python字典实现简单的三级菜单(实例讲解)
2017/07/31 Python
python框架中flask知识点总结
2018/08/17 Python
在Pandas中给多层索引降级的方法
2018/11/16 Python
Python实现对字典分别按键(key)和值(value)进行排序的方法分析
2018/12/19 Python
python 在指定范围内随机生成不重复的n个数实例
2019/01/28 Python
对pyqt5多线程正确的开启姿势详解
2019/06/14 Python
用python解压分析jar包实例
2020/01/16 Python
Python字典实现伪切片功能
2020/10/28 Python
python绘图pyecharts+pandas的使用详解
2020/12/13 Python
CSS3 3D位移translate效果实例介绍
2016/05/03 HTML / CSS
HTML5印章绘制电子签章图片(中文英文椭圆章、中文英文椭圆印章)
2019/06/03 HTML / CSS
利用HTML5绘制点线面组成的3D图形的示例
2015/05/12 HTML / CSS
Math.round(11.5)等於多少? Math.round(-11.5)等於多少?
2015/01/27 面试题
IBatis持久层技术
2016/07/18 面试题
机电一体化大学生求职信
2013/11/08 职场文书
三好学生个人先进事迹材料
2014/05/17 职场文书
会计学专业自荐信
2014/06/25 职场文书
学校党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
留学推荐信怎么写
2015/03/26 职场文书
幼儿园亲子活动感想
2015/08/07 职场文书
php访问对象中的成员的实例方法
2021/11/17 PHP