用javascript為頁面添加天氣顯示實現(xiàn)思路及代碼
更新時間：2013年12月02日 17:15:35 作者：
為頁面添加天氣顯示的方法有很多，在本文為大家介紹下使用js來輕松實現(xiàn)，具體的代碼如下，感興趣的朋友不要錯過
復制代碼 代碼如下:
<%@ 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);
%>
相關(guān)文章
這篇文章主要介紹了Bootstrap組件系列之福利篇幾款好用的組件(推薦) 的相關(guān)資料,需要的朋友可以參考下2016-06-06
手把手教你 CKEDITOR 4 實現(xiàn)Dialog 內(nèi)嵌 IFrame操作詳解
這篇文章主要介紹了手把手教你 CKEDITOR 4 實現(xiàn)Dialog 內(nèi)嵌 IFrame操作,結(jié)合實例形式分析了CKEDitor4 Dialog內(nèi)嵌IFrame具體操作步驟與相關(guān)注意事項,需要的朋友可以參考下2019-06-06
單例模式的定義是保證一個類僅有一個實例,下面這篇文章主要給大家介紹了關(guān)于JS實現(xiàn)單例模式的6種方案,需要的朋友可以參考下2021-05-05
Bootstrap富文本組件wysiwyg數(shù)據(jù)保存到mysql的方法
這篇文章主要為大家詳細介紹了Bootstrap富文本組件wysiwyg數(shù)據(jù)保存到mysql的方法，感興趣的小伙伴們可以參考一下2016-05-05
這篇文章主要介紹了JS字符串常用操作方法,結(jié)合實例形式總結(jié)分析了javascript字符串獲取、返回、拼接、替換、搜索、計算等相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
下面小編就為大家?guī)硪黄?5位和18位身份證JS校驗的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-07-07
本文主要介紹了js實現(xiàn)動態(tài)顯示時間效果的實例，具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
在本篇文章里小編給大家整理了一篇關(guān)于js正則表達式簡單校驗方法，有需要的朋友們可以參考下。2021-01-01
這篇文章主要給大家介紹了關(guān)于echarts展示區(qū)域地圖添加紋理圖片操作的相關(guān)資料,ECharts地圖組件支持使用圖片作為地圖區(qū)域的填充紋理,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-12-12
本文主要介紹了JavaScript數(shù)據(jù)類型的相關(guān)知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03