萬盛學電腦網 >> 腳本專題 >> javascript >> 用javascript為頁面添加天氣顯示實現思路及代碼
用javascript為頁面添加天氣顯示實現思路及代碼
為頁面添加天氣顯示的方法有很多，在本文為大家介紹下使用js來輕松實現，具體的代碼如下，感興趣的朋友不要錯過
復制代碼 代碼如下: <%@ 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); %>- 上一頁:js抽獎實現隨機抽獎代碼效果
- 下一頁:前台js調用後台方法
javascript排行
程序編程推薦
相關文章
copyright © 萬盛學電腦網 all rights reserved