用javascript为页面添加天气显示实现思路及代码


Posted in Javascript onDecember 02, 2013
<%@ page language="java" pageEncoding="UTF-8"%> 
<html> 
<head> 
<script> 
function load(cid) 
{ 
var xmlhttp; 
if (window.XMLHttpRequest) 
{// code for IE7+, Firefox, Chrome, Opera, Safari 
xmlhttp=new XMLHttpRequest(); 
} 
else 
{// code for IE6, IE5 
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
} 
xmlhttp.open("GET","date.jsp?cid="+cid,false); 
xmlhttp.send(); 
var obj = eval("("+ xmlhttp.responseText+")"); 
//var obj=JSON.parse(xmlhttp.responseText); //IE8以上 
document.getElementById("test").innerHTML=obj.weatherinfo.city+":"+obj.weatherinfo.weather1+" "+obj.weatherinfo.temp1; 
} 
</script> 
</head> 
<body> 
<p id="test">天气情况</p> 
<button id="btn1" onClick=load("101280601")>深圳天气</button> 
<button id="btn2" onClick=load("101250501")>郴州天气</button> 
<!-- 
城市id获取:http://blog.csdn.net/zgyulongfei/article/details/7956118 
--> 
</body> 
</html>

date.jsp
<%@ page language="java" import="java.net.*,java.io.*" pageEncoding="utf-8"%> 
<% 
String cid = request.getParameter("cid"); 
URL url = new URL("http://m.weather.com.cn/data/"+cid+".html"); 
HttpURLConnection httpConn = (HttpURLConnection) url.openConnection(); 
httpConn.connect(); 
InputStream cin = httpConn.getInputStream(); 
BufferedReader reader = new BufferedReader(new InputStreamReader(cin,"UTF-8")); 
StringBuffer sb = new StringBuffer(); 
String rl = null; 
while ((rl = reader.readLine()) != null) 
sb.append(rl); 
out.println(sb); 
%>
Javascript 相关文章推荐
javascript StringBuilder类实现
Dec 22 Javascript
TextArea 控件的最大长度问题(js json)
Dec 16 Javascript
MooTools 页面滚动浮动层智能定位实现代码
Aug 23 Javascript
node.js cookie-parser 中间件介绍
Jun 06 Javascript
关于js函数解释(包括内嵌,对象等)
Nov 20 Javascript
Javascript 实现全屏滚动实例代码
Dec 31 Javascript
js中DOM三级列表(代码分享)
Mar 20 Javascript
微信小程序开发之IOS和Android兼容的问题
Sep 26 Javascript
微信小程序上传图片到服务器实例代码
Nov 07 Javascript
分析JavaScript数组操作难点
Dec 18 Javascript
浅析node.js的模块加载机制
May 25 Javascript
vue实现动态显示与隐藏底部导航的方法分析
Feb 11 Javascript
给ListBox添加双击事件示例代码
Dec 02 #Javascript
js抽奖实现随机抽奖代码效果
Dec 02 #Javascript
javascript模拟地球旋转效果代码实例
Dec 02 #Javascript
js实现全屏漂浮广告移入光标停止移动
Dec 02 #Javascript
扩展JS Date对象时间格式化功能的小例子
Dec 02 #Javascript
判断JS对象是否拥有某种属性的两种方式
Dec 02 #Javascript
关于js中for in的缺陷浅析
Dec 02 #Javascript
You might like
dedecms中显示数字验证码的修改方法
2007/03/21 PHP
php 删除数组元素
2009/01/16 PHP
Apache服务器无法使用的解决方法
2013/05/08 PHP
php网页版聊天软件实现代码
2016/08/12 PHP
laravel框架 laravel-admin上传图片到oss的方法
2019/10/13 PHP
javascript之dhDataGrid Ver2.0.0代码
2007/07/01 Javascript
GWT中复制到剪贴板 js+flash实现复制 兼容性比较好
2010/03/07 Javascript
Juqery Html(),append()等方法的Bug解决方法
2010/12/13 Javascript
javascript 实现简单的table排序及table操作练习
2012/12/28 Javascript
jquery和javascript的区别(常用方法比较)
2013/07/04 Javascript
探讨在JQuery和Js中,如何让ajax执行完后再继续往下执行
2013/07/09 Javascript
jQuery滚动条插件nanoscroller使用指南
2015/04/21 Javascript
JS常见疑难点分析之match,charAt,charCodeAt,map,search用法分析
2016/12/25 Javascript
Vue结合原生js实现自定义组件自动生成示例
2017/01/21 Javascript
jQuery插件HighCharts绘制2D半圆环图效果示例【附demo源码下载】
2017/03/09 Javascript
基于Particles.js制作超炫粒子动态背景效果(仿知乎)
2017/09/13 Javascript
利用Node.js了解与测量HTTP所花费的时间详解
2017/09/22 Javascript
详解ES6 Promise对象then方法链式调用
2018/10/20 Javascript
vue读取本地的excel文件并显示在网页上方法示例
2019/05/29 Javascript
node.js express框架实现文件上传与下载功能实例详解
2019/10/15 Javascript
Js代码中的span拼接问题解决
2019/11/22 Javascript
element中的$confirm的使用
2020/04/26 Javascript
[01:09:16]DOTA2-DPC中国联赛 正赛 SAG vs Dynasty BO3 第一场 1月25日
2021/03/11 DOTA
Python实现将16进制字符串转化为ascii字符的方法分析
2017/07/21 Python
Python探索之创建二叉树
2017/10/25 Python
python dataframe 输出结果整行显示的方法
2018/06/14 Python
Python3实现腾讯云OCR识别
2018/11/27 Python
python爬虫学习笔记之pyquery模块基本用法详解
2020/04/09 Python
中国最大隐形眼镜网上商城:视客眼镜网
2016/10/30 全球购物
Monnier Frères美国官网:法国知名奢侈品网站
2016/11/22 全球购物
家庭户外服装:Hawkshead
2017/11/02 全球购物
Perfume’s Club中文官网:西班牙美妆在线零售品牌
2020/08/24 全球购物
行政执法作风整顿剖析材料
2014/10/11 职场文书
2016教师节问候语
2015/11/10 职场文书
教你利用python实现企业微信发送消息
2021/05/23 Python
Elasticsearch6.2服务器升配后的bug(避坑指南)
2022/09/23 Servers