{"id":749,"date":"2011-11-09T16:09:41","date_gmt":"2011-11-09T08:09:41","guid":{"rendered":""},"modified":"2014-03-11T22:40:06","modified_gmt":"2014-03-11T14:40:06","slug":"asp%e5%88%a9%e7%94%a8prototype%e5%92%8cgoogle%e7%9a%84weather-api%e5%81%9a%e5%a4%a9%e6%b0%94%e9%a2%84%e6%8a%a5","status":"publish","type":"post","link":"http:\/\/www.xiaoyebailong.com\/index.php\/2011\/11\/09\/749.htm","title":{"rendered":"ASP\u5229\u7528prototype\u548cGoogle\u7684weather api\u505a\u5929\u6c14\u9884\u62a5"},"content":{"rendered":"

\u5229\u7528prototype\u548cGoogle\u7684weather api\u505a\u5929\u6c14\u9884\u62a5
\n\u60f3\u62ffprototype\u7ec3\u7ec3\u624b\uff0c\u5c31\u7528prototype\u505a\u4e2a\u5929\u6c14\u9884\u62a5\u5427\u3002
\nGoogle Weather API \u53ea\u652f\u6301\u7f8e\u56fd\u5730\u533a\u4f7f\u7528\u90ae\u653f\u7f16\u7801\u8fdb\u884c\u67e5\u8be2,\u4f8b\u5982:
\nhttp:\/\/www.Google.com\/ig\/api?hl=zh-cn&weather=94043<\/a>
\n(94043 \u4e3a \u5c71\u666f\u57ce, \u7f8e\u56fd\u52a0\u5dde \u7684\u90ae\u653f\u7f16\u7801)
\n\u800c\u9664\u4e86\u7f8e\u56fd\u4ee5\u5916\u7684\u5730\u533a\u9700\u8981\u4f7f\u7528\u7ecf\u7eac\u5ea6\u5750\u6807\u4f5c\u4e3a\u53c2\u6570\u624d\u80fd\u6267\u884c Google Weather API, \u4f8b\u5982:
\nhttp:\/\/www.Google.com\/ig\/api?hl=zh-cn&weather=,,,30670000,104019996<\/a>
\n(30670000,104019996 \u4e3a \u6210\u90fd, \u4e2d\u56fd\u5927\u9646 \u7684\u7ecf\u7eac\u5ea6\u5750\u6807)
\n\u8981\u5176\u5b83\u5730\u533a\u7684\u7ecf\u7eac\u5ea6\u5750\u6807,\u53ef\u4ee5\u901a\u8fc7 Google API \u63d0\u4f9b\u7684\u56fd\u5bb6\u4ee3\u7801\u5217\u8868\u53ca\u76f8\u5e94\u7684\u57ce\u5e02\u7ecf\u7eac\u5ea6\u5750\u6807\u5217\u8868\u53ef\u4ee5\u67e5\u8be2\u5230,\u4ee5\u4e0b\u662f Google API \u63d0\u4f9b\u7684\u67e5\u8be2\u53c2\u6570:
\nhttp:\/\/www.Google.com\/ig\/countries?output=xml&hl=zh-cn<\/a>
\nASP\u6f14\u793a:http:\/\/www.knowsky.com\/tools\/tianqiyubao.asp
\n(\u67e5\u8be2 Google \u6240\u652f\u6301\u7684\u6240\u6709\u56fd\u5bb6\u7684\u4ee3\u7801,\u5e76\u4ee5 zh-cn \u7b80\u4f53\u4e2d\u6587\u663e\u793a)
\nhttp:\/\/www.Google.com\/ig\/cities?output=xml&hl=zh-cn&country=cn<\/a><\/p>\n

\uff1a<!DOCTYPE HTML PUBLIC "-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN">
\n<html>
\n<head>
\n<title> New Document <\/title>
\n<meta name="Generator" content="EditPlus">
\n<\/head>
\n<script language="javascript" src="prototype.js"><\/script>
\n<script language="javascript"><\/p>\n

\/\/\u53d6\u5f97\u4e2d\u56fd\u6240\u6709\u7684\u57ce\u5e02
\nfunction getCity()
\n{
\nvar url = "http:\/\/www.Google.com\/ig\/cities<\/a>";
\nvar cityPara = {method:"get" ,
\n     parameters:"output=xml&hl=zh-cn&country=cn" ,
\n     onComplete:showCityRespose
\n     };
\nvar cityRequest = new Ajax.Request( url , cityPara);
\n}<\/p>\n

function showCityRespose(originalRequest)
\n{
\ncityInfo = originalRequest.responseXML;
\ncityNodes = cityInfo.getElementsByTagName("city");
\nfor(var i=0;i<cityNodes.length;i++){
\n  var city = cityNodes[i];
\n  var cityName = getData( city , "name");
\n  var latitude = getData( city ,"latitude_e6");
\n  var longitude= getData( city ,"longitude_e6");
\n  var option =document.createElement("option");
\n  $("city").options.add(option);
\n  option.innerText = cityName;
\n  option.value=",,,"+latitude+","+longitude;
\n}
\n}
\nfunction forecast(city)
\n{
\n$("result").innerHTML = "\u8bf7\u7a0d\u7b49";
\nvar url = "http:\/\/www.Google.com\/ig\/api<\/a>";
\nvar para = {method:"get" ,
\n  parameters:"hl=zh-cn&weather="+city ,
\n  onComplete:showResult
\n};
\nvar forecastRequest = new Ajax.Request(url , para);
\n}<\/p>\n

\/\/\u663e\u793a\u9884\u62a5\u7ed3\u679c
\nfunction showResult(originalRequest)
\n{
\n$("result").innerHTML = "";
\nresultXML = originalRequest.responseXML;
\nforecastNodes = resultXML.getElementsByTagName("forecast_conditions");
\nfor(i=0;i<forecastNodes.length;i++){
\n  var oneNode = forecastNodes[i];
\n  var weekday = getData( oneNode , "day_of_week");
\n  var low = getData( oneNode , "low");
\n  var high = getData( oneNode , "high");
\n  var icon = getData( oneNode , "icon");
\n  var result = document.createElement("div");
\n  result.appendChild(document.createTextNode(weekday));
\n  result.appendChild(document.createElement("br"));
\n  result.appendChild(document.createTextNode("\u6700\u4f4e\u6e29\u5ea6"+low));
\n  result.appendChild(document.createElement("br"));
\n  result.appendChild(document.createTextNode("\u6700\u9ad8\u6e29\u5ea6"+high));
\n  result.appendChild(document.createElement("br"));
\n  var image = document.createElement("img");
\n  image.setAttribute("src" , "http:\/\/www.Google.com"+icon<\/a>);
\n  result.appendChild(image);
\n  $("result").appendChild(result);
\n}
\n}<\/p>\n

\/\/\u53d6\u5f97\u6570\u636e\u503c
\nfunction getData(parentNode , nodeName)
\n{
\nreturn parentNode.getElementsByTagName(nodeName)[0].getAttribute("data");
\n}
\n<\/script>
\n<body onLoad="getCity()">
\n<div id="selectcity">
\n<form name="form1" method="post" action="">
\n<select name="city" id="city" onChange="forecast(this.value)">
\n        <option value="">\u9009\u62e9\u57ce\u5e02<\/option>
\n     <\/select>   
\n  <\/form>
\n<\/div><\/p>\n

<div id="result"><\/p>\n

<\/div>
\n<\/body>
\n<\/html><\/p>\n

ASP\u6f14\u793a:http:\/\/www.knowsky.com\/tools\/tianqiyubao.asp
\n\u6ce8\u610f\u8fd9\u6bb5\u4ee3\u7801\u5728IE\u4e0b\u53ef\u4ee5\u4f7f\u7528\uff0c\u5728IE\u91ccXMLHTTPREQUEST\u53ef\u4ee5\u9009\u62e9\u5141\u8bb8\u8de8\u57df\u3002
\n\u5728FF\u4e0b\uff0c\u5c31\u4e0d\u80fd\u4f7f\u7528\u4e86:(
\n\u89e3\u51b3\u529e\u6cd5\uff1a\u4f60\u53ef\u4ee5\u5148\u7528PHP\u8bfb\u4e0b\u6765Google\u63d0\u4f9b\u7684\u6570\u636e\uff0c\u518d\u7528XML\u5f62\u5f0f\u63d0\u4f9b\u7ed9\u8fd9\u4e2a\u7a0b\u5e8f\uff0c\u5c31\u53ef\u4ee5\u5566\u3002
\n <\/p>\n","protected":false},"excerpt":{"rendered":"

\u5229\u7528prototype\u548cGoogle\u7684weather api\u505a\u5929\u6c14\u9884\u62a5 \u60f3\u62ffprototype\u7ec3\u7ec3\u624b\uff0c\u5c31\u7528prototype\u505a\u4e2a\u5929\u6c14\u9884\u62a5\u5427\u3002 Google Weather API \u53ea\u652f\u6301\u7f8e\u56fd\u5730\u533a\u4f7f\u7528\u90ae\u653f\u7f16\u7801\u8fdb\u884c\u67e5\u8be2,\u4f8b\u5982: http:\/\/w…<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"topic":[],"class_list":["post-749","post","type-post","status-publish","format-standard","hentry","category-technology"],"_links":{"self":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/749","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/comments?post=749"}],"version-history":[{"count":1,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/749\/revisions"}],"predecessor-version":[{"id":66612,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/posts\/749\/revisions\/66612"}],"wp:attachment":[{"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/media?parent=749"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/categories?post=749"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/tags?post=749"},{"taxonomy":"topic","embeddable":true,"href":"http:\/\/www.xiaoyebailong.com\/index.php\/wp-json\/wp\/v2\/topic?post=749"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}