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 setTimeout()传递函数参数(包括传递对象参数)
Apr 07 Javascript
Array.prototype.slice 使用扩展
Jun 09 Javascript
单击复制文字兼容各浏览器的完美解决方案
Jul 04 Javascript
jquery实现文字由下到上循环滚动的实例代码
Aug 09 Javascript
解决JS无法调用Controller问题的方法
Dec 31 Javascript
AngularJS通过ng-route实现基本的路由功能实例详解
Dec 13 Javascript
让你5分钟掌握9个JavaScript小技巧
Jun 09 Javascript
Vue.js实现表格渲染的方法
Sep 07 Javascript
element-ui树形控件后台返回的数据+生成组织树的工具类
Mar 05 Javascript
Vue-CLI 3 scp2自动部署项目至服务器的方法
Jul 24 Javascript
vue backtop组件的实现完整代码
Apr 07 Vue.js
JS中forEach()、map()、every()、some()和filter()的用法
May 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
PHP 字符串操作入门教程
2006/12/06 PHP
php学习笔记 面向对象的构造与析构方法
2011/06/13 PHP
php下载excel无法打开的解决方法
2013/12/24 PHP
推荐一款MAC OS X 下php集成开发环境mamp
2014/11/08 PHP
PHP 信号管理知识整理汇总
2017/02/19 PHP
yii2学习教程之5种内置行为类详解
2017/08/03 PHP
用方法封装javascript的new操作符(一)
2010/12/25 Javascript
jQuery实现回车键(Enter)切换文本框焦点的代码实例
2014/05/05 Javascript
使用JavaScript进行进制转换将字符串转换为十进制
2014/09/21 Javascript
jQuery实现鼠标选中文字后弹出提示窗口效果【附demo源码】
2016/09/05 Javascript
Bootstrap基本组件学习笔记之下拉菜单(7)
2016/12/07 Javascript
浅谈js中用$(#ID)来作为选择器的问题(id重复的时候)
2017/02/14 Javascript
JavaScript实现三级联动菜单实例代码
2017/06/26 Javascript
vue+elementUI 复杂表单的验证、数据提交方案问题
2019/06/24 Javascript
python简单的函数定义和用法实例
2015/05/07 Python
Python读大数据txt
2016/03/28 Python
Python中模块与包有相同名字的处理方法
2017/05/05 Python
详解opencv Python特征检测及K-最近邻匹配
2019/01/21 Python
WxPython实现无边框界面
2019/11/18 Python
如何打包Python Web项目实现免安装一键启动的方法
2020/05/21 Python
使用darknet框架的imagenet数据分类预训练操作
2020/07/07 Python
使用Html5、CSS实现文字阴影效果
2018/01/17 HTML / CSS
职业规划书如何设计?
2014/01/09 职场文书
工地安全检查制度
2014/02/04 职场文书
幼儿园教师教学反思
2014/02/06 职场文书
文化与传播毕业生求职信
2014/03/09 职场文书
阳光体育活动总结
2014/04/30 职场文书
经销商年会策划方案
2014/05/29 职场文书
亲子阅读的活动方案
2014/08/15 职场文书
青年标兵事迹材料
2014/08/16 职场文书
工作检讨书500字
2014/10/19 职场文书
英文投诉信格式
2015/07/03 职场文书
班主任远程培训研修日志
2015/11/13 职场文书
低端且暴利的线上线下创业项目分享
2019/09/03 职场文书
MySQL表锁、行锁、排它锁及共享锁的使用详解
2022/04/02 MySQL
Elasticsearch 配置详解
2022/04/19 Java/Android