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 中的类和闭包
Jan 08 Javascript
javascript parseInt() 函数的进制转换注意细节
Jan 08 Javascript
jquery.qrcode在线生成二维码使用示例
Aug 21 Javascript
JAVASCRIPT模式窗口中下载文件无法接收iframe的流
Oct 11 Javascript
Ajax同步与异步传输的示例代码
Nov 21 Javascript
JavaScript黑洞数字之运算路线查找算法(递归算法)实例
Jan 28 Javascript
原生js实现密码输入框值的显示隐藏
Jul 17 Javascript
Express + Session 实现登录验证功能
Sep 08 Javascript
web前端vue filter 过滤器
Jan 12 Javascript
AngularJs1.x自定义指令独立作用域的函数传入参数方法
Oct 09 Javascript
35个最好用的Vue开源库(史上最全)
Jan 03 Javascript
工作中常用js功能汇总
Nov 07 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生成html分页列表的代码
2007/03/18 PHP
解析centos中Apache、php、mysql 默认安装路径
2013/06/25 PHP
yii实现图片上传及缩略图生成的方法
2014/12/04 PHP
php验证码生成代码
2015/11/11 PHP
CakePHP框架Model关联对象用法分析
2017/08/04 PHP
Laravel实现定时任务的示例代码
2017/08/10 PHP
PHP实现的解汉诺塔问题算法示例
2018/08/06 PHP
WEB页子窗口(showModalDialog和showModelessDialog)使用说明
2009/10/25 Javascript
Javascript 闭包引起的IE内存泄露分析
2012/05/23 Javascript
Jquery Ajax方法传值到action的方法
2014/05/11 Javascript
node.js中watch机制详解
2014/11/17 Javascript
JQuery操作元素的css样式
2015/03/09 Javascript
jQuery弹出遮罩层效果完整示例
2016/09/13 Javascript
jQuery图片拖动组件Dropzone用法示例
2017/01/17 Javascript
前端构建工具之gulp的语法教程
2017/06/12 Javascript
Node.js 的模块知识汇总
2017/08/16 Javascript
webpack4.x下babel的安装、配置及使用详解
2019/03/07 Javascript
JS中的防抖与节流及作用详解
2019/04/01 Javascript
AjaxFileUpload.js实现异步上传文件功能
2019/04/19 Javascript
对node通过fs模块判断文件是否是文件夹的实例讲解
2019/06/10 Javascript
vue登录页面cookie的使用及页面跳转代码
2019/07/10 Javascript
js中复选框的取值及赋值示例详解
2020/10/18 Javascript
如何在vue 中引入使用jquery
2020/11/10 jQuery
python的几种开发工具介绍
2007/03/07 Python
Python模块学习 filecmp 文件比较
2012/08/27 Python
Python数据可视化处理库PyEcharts柱状图,饼图,线性图,词云图常用实例详解
2020/02/10 Python
如何理解Python中包的引入
2020/05/29 Python
十岁生日父母答谢词
2014/01/18 职场文书
销售员求职个人的自我评价
2014/02/19 职场文书
广告艺术设计专业自荐书
2014/07/08 职场文书
公民授权委托书
2014/10/15 职场文书
音乐课外活动总结
2015/05/09 职场文书
2016年“我们的节日·端午节”活动总结
2016/04/01 职场文书
关于SpringBoot 使用 Redis 分布式锁解决并发问题
2021/11/17 Redis
详细介绍MySQL中limit和offset的用法
2022/05/06 MySQL
Nginx限流和黑名单配置
2022/05/20 Servers