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 相关文章推荐
点击广告后才能获得下载地址
Oct 26 Javascript
JavaScript 编写匿名函数的几种方法
Feb 21 Javascript
jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7
Jun 16 Javascript
跟我学习javascript的循环
Nov 18 Javascript
使用Object.defineProperty实现简单的js双向绑定
Apr 15 Javascript
微信小程序 图片宽高自适应详解
May 11 Javascript
React 高阶组件入门介绍
Jan 11 Javascript
监听angularJs列表数据是否渲染完毕的方法示例
Nov 07 Javascript
详解vue中axios请求的封装
Apr 08 Javascript
JavaScript中变量提升机制示例详解
Dec 27 Javascript
JavaScript cookie原理及使用实例
May 08 Javascript
Vuex中的Mutations的具体使用方法
Jun 01 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 编写安全的代码时容易犯的错误小结
2010/05/20 PHP
php代码收集表单内容并写入文件的代码
2012/01/29 PHP
PHP上传图片、删除图片简单实例
2016/11/12 PHP
CentOS7编译安装php7.1的教程详解
2019/04/18 PHP
用php实现分页效果的示例代码
2020/12/10 PHP
Js event事件在IE、FF兼容性问题
2011/01/01 Javascript
js文件Cookie存取值示例代码
2014/02/20 Javascript
JQuery中extend使用介绍
2014/03/13 Javascript
Jquery自定义button按钮的几种方法
2014/06/11 Javascript
JavaScript学习笔记之数组求和方法
2016/03/23 Javascript
JS实现星星评分功能实例代码(两种方法)
2016/06/09 Javascript
jQuery基于ID调用指定iframe页面内的方法
2016/07/06 Javascript
详解Angular中$cacheFactory缓存的使用
2016/08/19 Javascript
js封装tab标签页实例分享
2016/12/19 Javascript
详解Node项目部署到云服务器上
2017/07/12 Javascript
jQuery响应滚动条事件功能示例
2017/10/14 jQuery
基于vue2实现左滑删除功能
2017/11/28 Javascript
Vue进度条progressbar组件功能
2018/04/17 Javascript
详解vue 动态加载并注册组件且通过 render动态创建该组件
2019/05/30 Javascript
深入分析jQuery.one() 函数
2020/06/03 jQuery
Python递归遍历列表及输出的实现方法
2015/05/19 Python
python实现计算倒数的方法
2015/07/11 Python
浅谈Python用QQ邮箱发送邮件时授权码的问题
2018/01/29 Python
pytorch 把MNIST数据集转换成图片和txt的方法
2018/05/20 Python
python 正则表达式参数替换实例详解
2020/01/17 Python
tensorflow 保存模型和取出中间权重例子
2020/01/24 Python
Python通过socketserver处理多个链接
2020/03/18 Python
keras之权重初始化方式
2020/05/21 Python
草莓网化妆品日本站:Strawberrynet日本
2017/10/20 全球购物
哈利波特商店:Harry Potter Shop
2018/11/30 全球购物
应用数学自荐书范文
2013/11/24 职场文书
买房子个人收入证明
2014/01/16 职场文书
夫妻双方自愿离婚协议书怎么写
2014/12/01 职场文书
董事长助理岗位职责
2015/02/11 职场文书
教师远程培训心得体会
2016/01/09 职场文书
Vue通过懒加载提升页面响应速度
2021/05/10 Vue.js