Ios教程網 >> IOS訊息 >> 關於IOS >> iOS學習筆記29―天氣JSON接口

iOS學習筆記29―天氣JSON接口

編輯：關於IOS

想寫個天氣的應用，在網上找了一圈都沒找到有關 JSONP 的接口，只有中國天氣網的 JSON 接口，這就簡單，直接用 SAE 做代理，將數據處理為 JSONP 的形式返回就行了，順便分析了中國天氣網的省市區三級聯動的數據，這樣就直接可以做天氣應用了。

說說我的接口的用法吧，直接 get 請求，
參數有三個。

get 參數，獲取操作
可以取值 "province"，"city"，"town"，"weather"，"weathern"；分別是獲取省 (直轄市) 的列表，根據省 ID 獲取市的列表，根據省市的 ID 獲取區縣列表，根據省市區 ID 獲取天氣預報，根據省市區 ID 獲取實時天氣。
citycode 參數
就是操作中需要的 ID，獲取省列表就可以不需要了
callback 參數
就是 JSONP 的 callback 啦。
具體用法看看我的 Demo 吧，demo 地址：天氣接口 JSONP 示例，

[javascript]
var baseUrl = "http://demo.alphatr.com/weather/info.php";

// 將獲取的省市區列表 JSON 格式轉換為 HTML 字符串
var appendData = function( data , el ) {
 var list = [];
 $.each(data, function( key, val ){
 // console.log(key);
 list.push('<option value="' + key + '">' + val + '</option>');
 })
 $(el).html(list.join(''));
}
/* 三級聯動 */
// 獲取省列表
$.getJSON( baseUrl + "?get=province&callback=?" , function (data) {
 appendData( data , "#province" );
 var provCode = $("#province").val(); // 省 ID
 // 根據省 ID 獲取市列表
 $.getJSON( baseUrl + "?get=city&citycode=" + provCode + "&callback=?" , function (data) {
 appendData( data , "#city" );
 var cityCode = $("#city").val(); // 市 ID
 // 獲取區列表
 $.getJSON( baseUrl + "?get=town&citycode=" + provCode + cityCode + "&callback=?" , function (data) {
 appendData( data , "#town" );
 })
 })
})

/* 相應值的改變 */
$("#province").bind( "change" , function(){
 var provCode = $("#province").val();
 $.getJSON( baseUrl + "?get=city&citycode=" + provCode + "&callback=?" , function (data) {
 appendData( data , "#city" );
 var cityCode = $("#city").val();
 $.getJSON( baseUrl + "?get=town&citycode=" + provCode + cityCode + "&callback=?" , function (data) {
 appendData( data , "#town" );
 })
 })
})

$("#city").bind( "change" , function(){
 var provCode = $("#province").val();
 var cityCode = $("#city").val();
 $.getJSON( baseUrl + "?get=town&citycode=" + provCode + cityCode + "&callback=?" , function (data) {
 appendData( data , "#town" );
 })
})

// 響應獲取按鈕
$("#btn").bind( "click" , function() {
 var code = $("#province").val();
 if( $("#city").val() == "00" ) {
 code += $("#town").val();
 code += $("#city").val();
 } else {
 code += $("#city").val();
 code += $("#town").val();
 }
 console.log(code);
 // 獲取天氣數據
 $.getJSON( baseUrl + "?get=weather&citycode=" + code + "&callback=?" , function (data) {
 console.log(data);
 var info = [];
 $.each( data.weatherinfo , function( key , val ) {
 info.push(key + ":" + val );
 })
 console.log(info);
 $("pre").html( info.join(",/n"));
 })
})

需要注意的是在直轄市的獲取中，每次市的返回值都是 00，而地區的 ID 不是直轄市+市+區，而是直轄市+區+00，例如上海崇明的 code 是 10102 11 00，而不是 10102 00 11。

完整的代碼可以直接看 Demo 的源碼，Demo just is demo，肯定功能不全，其他的比如根據 IP 判斷地區然後顯示，將選擇後的地區代碼存儲進 cookie 中等等都是可以加的~

下面給出天氣數據的解釋
先是天氣預報的數據

city:西安, // 地區名稱
city_en:xian, // 英文 (漢語拼音) 名稱
date_y:2012年8月30日,// 當前日期
date:, // 網上解釋是陰歷年
week:星期四, // 星期
fchh:18, // 更新點時間 (18點)
cityid:101110101, // 地區 ID

// 六天的溫度
temp1:21℃~28℃, // 在更新點之前是今日最高溫到午夜的最低溫，在更新點之後是今日午夜的最低溫到明日的最高溫
temp2:18℃~22℃, // 以此類推
temp3:17℃~26℃,
temp4:16℃~28℃,
temp5:16℃~29℃,
temp6:17℃~30℃,
// 華氏溫度
tempF1:69.8H~82.4H,
tempF2:64.4H~71.6H,
tempF3:62.6H~78.8H,
tempF4:60.8H~82.4H,
tempF5:60.8H~84.2H,
tempF6:62.6H~86H,
// 天氣描述，同樣根據更新點確定 weather1 是今天還是明天的
weather1:陰轉中雨,
weather2:中雨轉大雨,
weather3:小到中雨轉多雲,
weather4:多雲轉晴,
weather5:晴,
weather6:晴轉多雲,
// 12 幅圖片對應六天的天氣，更新點前就是今日白天，今日夜間，明日白天，明日夜間，更新點之後就是今日夜間開始的
img1:2, //陰天
img2:8, // 中雨，和一圖片對應天氣的陰轉中雨
img3:8, // 依次類推
img4:9,
img5:21,
img6:1,
img7:1,
img8:0,
img9:0, // 晴
img10:99, // 第五天是晴，沒有 "轉" 了，所以這幅圖片是無效占位，和前一幅顯示相同
img11:0,
img12:1,
img_single:8,
// 分別對應圖片的描述
img_title1:陰,
img_title2:中雨,
img_title3:中雨,
img_title4:大雨,
img_title5:小到中雨,
img_title6:多雲,
img_title7:多雲,
img_title8:晴,
img_title9:晴,
img_title10:晴,
img_title11:晴,
img_title12:多雲,
img_title_single:中雨,
// 六天的風力和風向
wind1:西風小於3級轉3-4級,
wind2:西風3-4級,
wind3:旋轉風小於3級,
wind4:旋轉風小於3級,
wind5:旋轉風小於3級,
wind6:旋轉風小於3級,
// 今明的風向
fx1:西風,
fx2:西風,
// 六天的風力(和風向分開了)
fl1:小於3級轉3-4級,
fl2:3-4級,
fl3:小於3級,
fl4:小於3級,
fl5:小於3級,
fl6:小於3級,
// 生活指數，也和更新點有關系
index:熱, // 一天舒適度
index_d:天氣較熱，建議著短裙、短褲、短套裝、T恤等夏季服裝。年老體弱者宜著長袖襯衫和單褲。, // 一天舒適度的描述
index48:舒適, //兩天的舒適度(48小時)
index48_d:建議著薄型套裝或牛仔衫褲等春秋過渡裝。年老體弱者宜著套裝、夾克衫等。, // 描述
index_uv:弱, // 一天的紫外線指數
index48_uv:最弱, // 兩天紫外線指數
index_xc:不宜, // 洗車指數
index_tr:一般, // 旅游指數
index_co:較舒適, //舒適度指數
st1:24, // 這些不知道干啥的~
st2:20,
st3:17,
st4:14,
st5:26,
st6:15,
index_cl:不宜, // 晨練指數
index_ls:不宜, // 晾曬指數
index_ag:極易發 // 息斯敏過敏氣象指數(我也不知道干啥的~)

city:西安, // 地區名稱
city_en:xian, // 英文 (漢語拼音) 名稱
date_y:2012年8月30日,// 當前日期
date:, // 網上解釋是陰歷年
week:星期四, // 星期
fchh:18, // 更新點時間 (18點)
cityid:101110101, // 地區 ID

// 六天的溫度
temp1:21℃~28℃, // 在更新點之前是今日最高溫到午夜的最低溫，在更新點之後是今日午夜的最低溫到明日的最高溫
temp2:18℃~22℃, // 以此類推
temp3:17℃~26℃,
temp4:16℃~28℃,
temp5:16℃~29℃,
temp6:17℃~30℃,
// 華氏溫度
tempF1:69.8H~82.4H,
tempF2:64.4H~71.6H,
tempF3:62.6H~78.8H,
tempF4:60.8H~82.4H,
tempF5:60.8H~84.2H,
tempF6:62.6H~86H,
// 天氣描述，同樣根據更新點確定 weather1 是今天還是明天的
weather1:陰轉中雨,
weather2:中雨轉大雨,
weather3:小到中雨轉多雲,
weather4:多雲轉晴,
weather5:晴,
weather6:晴轉多雲,
// 12 幅圖片對應六天的天氣，更新點前就是今日白天，今日夜間，明日白天，明日夜間，更新點之後就是今日夜間開始的
img1:2, //陰天
img2:8, // 中雨，和一圖片對應天氣的陰轉中雨
img3:8, // 依次類推
img4:9,
img5:21,
img6:1,
img7:1,
img8:0,
img9:0, // 晴
img10:99, // 第五天是晴，沒有 "轉" 了，所以這幅圖片是無效占位，和前一幅顯示相同
img11:0,
img12:1,
img_single:8,
// 分別對應圖片的描述
img_title1:陰,
img_title2:中雨,
img_title3:中雨,
img_title4:大雨,
img_title5:小到中雨,
img_title6:多雲,
img_title7:多雲,
img_title8:晴,
img_title9:晴,
img_title10:晴,
img_title11:晴,
img_title12:多雲,
img_title_single:中雨,
// 六天的風力和風向
wind1:西風小於3級轉3-4級,
wind2:西風3-4級,
wind3:旋轉風小於3級,
wind4:旋轉風小於3級,
wind5:旋轉風小於3級,
wind6:旋轉風小於3級,
// 今明的風向
fx1:西風,
fx2:西風,
// 六天的風力(和風向分開了)
fl1:小於3級轉3-4級,
fl2:3-4級,
fl3:小於3級,
fl4:小於3級,
fl5:小於3級,
fl6:小於3級,
// 生活指數，也和更新點有關系
index:熱, // 一天舒適度
index_d:天氣較熱，建議著短裙、短褲、短套裝、T恤等夏季服裝。年老體弱者宜著長袖襯衫和單褲。, // 一天舒適度的描述
index48:舒適, //兩天的舒適度(48小時)
index48_d:建議著薄型套裝或牛仔衫褲等春秋過渡裝。年老體弱者宜著套裝、夾克衫等。, // 描述
index_uv:弱, // 一天的紫外線指數
index48_uv:最弱, // 兩天紫外線指數
index_xc:不宜, // 洗車指數
index_tr:一般, // 旅游指數
index_co:較舒適, //舒適度指數
st1:24, // 這些不知道干啥的~
st2:20,
st3:17,
st4:14,
st5:26,
st6:15,
index_cl:不宜, // 晨練指數
index_ls:不宜, // 晾曬指數
index_ag:極易發 // 息斯敏過敏氣象指數(我也不知道干啥的~)

實時天氣的數據

city:西安, // 地區名
cityid:101110101, // 地區 ID
temp1:21℃, // 今天夜間溫度
temp2:28℃, // 明天白天溫度
weather:陰轉中雨, // 天氣描述
img1:n2.gif, // 今天夜間天氣圖片 n 表示 night
img2:d8.gif, // 明天白天天氣圖片 d 表示 day
ptime:18:00 // 更新時間

city:西安, // 地區名
cityid:101110101, // 地區 ID
temp1:21℃, // 今天夜間溫度
temp2:28℃, // 明天白天溫度
weather:陰轉中雨, // 天氣描述
img1:n2.gif, // 今天夜間天氣圖片 n 表示 night
img2:d8.gif, // 明天白天天氣圖片 d 表示 day
ptime:18:00 // 更新時間

同樣的，天氣和更新點是由關系的，前半天天氣就是今天白天和夜間，這個實時溫度更新的比較頻繁~

關於IOS

iOS 9降級iOS 8.4教程近日有很多用戶都在抱怨後悔升級iOS 9了，那小編今天就來教

查找項目中未使用的資源文件本文由iOS開發網站51ios.net轉載自裡脊串的開

iOS 應用架構談動態部署方案 iOS應用架構談開篇 iOS應用架構

IOS訊息

IOS資訊 IOS新聞最新IOS 關於IOS

IOS開發:UIAlertView使用