天氣預報的功能實現(使用聚合的提供的外部介面)

qq_25717027發表於2017-06-08

        天氣預報的功能實現又和多種方法實現,我目前接觸了兩種:第一種,使用天氣預報外掛,百度一搜都是,如http://www.tianqi.com/plugin/,選擇合適的展示風格,然後生成程式碼,將程式碼貼到自己的jsp中,完成。非常簡單。第二種,使用第三方外部介面,傳送請求到第三方伺服器請求天氣data,返回的是json格式的資料,自己在更具需求做合適的展現。

         這裡著重講第二種,以聚合網的天氣資料作為要請求的資料。首先,註冊使用者,申請資料 獲取自己的 APPkey,然後可以測試一下能否獲取資料(免費的每天只可以訪問20次)


在js程式碼裡非同步請求裡應該這樣寫

function  getWeather(){
      var  value=$("#city").val();
      var url="http://v.juhe.cn/xiangji_weather/real_time_weather.php?areaid=101010100&key=**************************";
      alert(url);
      $.get(url,function(data,status){
            alert(data);
          console.log(data);

   },'JSONP');

資料返回格式為JSONP,   否則出異常   No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:9999' is therefore not allowed access.




相關文章