JavaScript を使用して天気表示の実装アイデアとコードを page_javascript スキルに追加します

复制代幣代码如下:

<%@ page language="java" pageEncoding="UTF- 8"%>

<頭>
<スクリプト>
関数load(cid)
{
var xmlhttp;
if (window.XMLHttpRequest)
{// IE7 、Firefox、Chrome、Opera、Safari のコード
xmlhttp=new XMLHttpRequest();
}
else
{// 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;
}

天气情况

深圳天气
郴州天气

date.jsp

复制代码代码如下:

<%@ page language="java" import="java.net.*,java.io.*" pageEncoding="utf-8"%>
String cid = request.getParameter("cid");
URL url = 新しい URL("http://m.weather.com.cn/data/" cid ".html");
HttpURLConnection httpConn = (HttpURLConnection) url.openConnection();
httpConn.connect();
InputStream cin = httpConn.getInputStream();
BufferedReader リーダー = new BufferedReader(new InputStreamReader(cin,"UTF-8"));
StringBuffer sb = new StringBuffer();
文字列 rl = null;
while ((rl = Reader.readLine()) != null)
sb.append(rl);
out.println(sb);
%>