天氣API接口的使用

最近項目中使用到了天氣預報的功能，需要從網上獲取天氣數據，然后顯示在公司系統的頁面上。

在這里和大家分享下我的做法，希望能對大家有所幫助，如果有錯誤，歡迎大家指正。

先給大家看看效果：

 

下面開始進行講解。

1.找API接口

首先先去網上找一個免費的天氣API，這里推薦大家去百度API Store找，有免費使用的。

我是用的是    ，接口地址是：http://apis.baidu.com/heweather/weather/free

 

2.后台代碼

 

package com.byteslounge.websockets;

import bean.Response;

import javax.net.ssl.HttpsURLConnection;
import java.io.BufferedReader;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.net.HttpURLConnection;
import java.net.URL;
import java.util.HashMap;
import java.util.Map;


public class Weather {

    public static String requests(String httpUrl, String httpArg) {
        BufferedReader reader = null;
        String result = null;
        StringBuffer sbf = new StringBuffer();
        httpUrl = httpUrl + "?" + httpArg;

        try {
            URL url = new URL(httpUrl);
            HttpURLConnection connection = (HttpURLConnection) url
                    .openConnection();
            connection.setRequestMethod("GET");
            // 填入apikey到HTTP header
            connection.setRequestProperty("apikey",  "0bc030269671ad02d5730afb5c355b34");
            connection.connect();
            InputStream is = connection.getInputStream();
            reader = new BufferedReader(new InputStreamReader(is, "UTF-8"));
            String strRead = null;
            while ((strRead = reader.readLine()) != null) {
                sbf.append(strRead);
                sbf.append("\r\n");
            }
            reader.close();
            result = sbf.toString();
        } catch (Exception e) {
            e.printStackTrace();
        }
        return result;
}
}

 

 

 

3.前端JSP調用requests（）方法

 

<%
        //通過接口獲取天氣當天天氣數據
        String jsons = new Weather().requests("http://apis.baidu.com/heweather/weather/free", "city=yinzhou");
        String json = new Weather().requests("http://apis.baidu.com/heweather/weather/free", "city=ningbo");
    %>

 

jsons里面的信息：。

 

最后大家就可以使用json對數據進行獲取，再使用jquery將數據放置在頁面上了。這里給大家推薦個json轉化器，http://c.runoob.com/front-end/53，可以方便大家進行數據的提取。