用javascript為頁(yè)面添加天氣顯示實(shí)現(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獲?。篽ttp://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);
%>
- jQuery實(shí)現(xiàn)仿騰訊微博滑出效果報(bào)告每日天氣的方法
- jquery和雅虎的yql服務(wù)實(shí)現(xiàn)天氣預(yù)報(bào)服務(wù)示例
- node.js 中國(guó)天氣預(yù)報(bào) 簡(jiǎn)單實(shí)現(xiàn)
- js獲取新浪天氣接口的實(shí)現(xiàn)代碼
- JS顯示日歷和天氣的方法
- newtonsoft.json解析天氣數(shù)據(jù)出錯(cuò)解決方法
- android調(diào)用國(guó)家氣象局天氣預(yù)報(bào)接口json數(shù)據(jù)格式解釋
- JS HTML5 音樂(lè)天氣播放器(Ajax獲取天氣信息)
- asp下以Json獲取中國(guó)天氣網(wǎng)天氣的代碼
- Jquery獲取當(dāng)前城市的天氣信息
相關(guān)文章
關(guān)于div自適應(yīng)高度/左右高度自適應(yīng)一致的js代碼
在DIV和CSS進(jìn)行網(wǎng)頁(yè)布局中,DIV的自適應(yīng)高度和自適應(yīng)寬度是一個(gè)很常見(jiàn)的問(wèn)題,本文將介紹左右自適應(yīng)高度一致的Jquery與DIV高度自適應(yīng)屏幕的js2013-03-03微信小程序-圖片、錄音、音頻播放、音樂(lè)播放、視頻、文件代碼實(shí)例
本篇文章主要介紹了微信小程序-圖片、錄音、音頻播放、音樂(lè)播放、視屏、文件代碼實(shí)例,有興趣的可以了解一下。2016-11-11JS實(shí)現(xiàn)的仿東京商城菜單、仿Win右鍵菜單及仿淘寶TAB特效合集
這篇文章主要介紹了JS實(shí)現(xiàn)的仿東京商城菜單、仿Win右鍵菜單及仿淘寶TAB特效合集,以實(shí)例形式較為詳細(xì)的分析了JavaScript實(shí)現(xiàn)動(dòng)態(tài)添加下拉菜單及響應(yīng)鼠標(biāo)事件生成菜單等實(shí)現(xiàn)技巧,需要的朋友可以參考下2015-09-09Electron 打包問(wèn)題:electron-builder 下載各種依賴(lài)出錯(cuò)(推薦)
這篇文章主要介紹了Electron 打包問(wèn)題:electron-builder 下載各種依賴(lài)出錯(cuò),本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-07-07JS設(shè)置自定義快捷鍵并實(shí)現(xiàn)圖片上下左右移動(dòng)
這篇文章主要介紹了JS設(shè)置自定義快捷鍵并實(shí)現(xiàn)圖片上下左右移動(dòng),文中通過(guò)使用自定義熱鍵或者使用鍵盤(pán)上下左右鍵移動(dòng)圖片,以此來(lái)實(shí)現(xiàn)此功能,需要的朋友可以參考下2019-10-10JavaScript實(shí)現(xiàn)簡(jiǎn)單計(jì)算器功能
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單計(jì)算器功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-12-12Bootbox將后臺(tái)JSON數(shù)據(jù)填充Form表單的實(shí)例代碼
通過(guò)控制器創(chuàng)建一個(gè)Index視圖,寫(xiě)入下列HTML代碼,這里我創(chuàng)建了一個(gè)分部視圖,不創(chuàng)建直接寫(xiě)在同一個(gè)頁(yè)面也是一樣的效果。這篇文章主要介紹了Bootbox將后臺(tái)JSON數(shù)據(jù)填充Form表單 ,需要的朋友可以參考下2018-09-09