2013-02-06 76 views
1

作爲一個noob,我試圖解析weather.com RSS feed以顯示在我的網站上。下面的代碼成功檢索數據並將其顯示爲警報。我的問題是如何進一步解析並解析生成的feed,而不是僅顯示它?我們的目標是將部分響應內容嵌入到頁面上的HTML中。例如,如果我想輸出一個具有當前溫度的行的表,那麼語法是什麼?如何使用JSON解析RSS數據

<script> 
function parseRSS(url, callback) { 
    $.ajax({ 
    url: document.location.protocol + '//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=10&callback=?&q=' + encodeURIComponent(url), 
    dataType: 'json', 
    success: function(data) { 
     callback(data.responseData.feed); 
    } 
    }); 
} 


parseRSS('http://rss.weather.com/weather/rss/local/USAK0012?cm_ven=LWO&cm_cat=rss&par=LWO_rss', 
function(json) 
{ 
    alert("Result: " + JSON.stringify(json)); 
}); 
</script> 

回答

1

如果它對任何人都有幫助,這裏是我最終做到的。我使用accuweather.com提供的feed,而不是weather.com,只是因爲我碰巧讓它首先運行。

1)獲得飼料「標題」字段的值,其中包含我需要的當前天氣值。提取的特定元件,例如currentTemperature

var weatherFeed = json; 
var currentConditions = weatherFeed.entries[0].title; 

2):內置使用jQuery HTML和嵌入所提取的天氣值

var firstColonIndex = currentConditions.indexOf(":"); 
var secondColonIndex = currentConditions.indexOf(":", firstColonIndex + 1); 
var currentTemperature = currentConditions.substring(secondColonIndex + 1); 

3),然後把整個事情一個DIV元件內對我的頁碼:

<div class="tile-content" id="MyCityWeather"> 
    <script type="text/javascript"> 
    var weatherElement = "#MyCityWeather"; 
    var temperatureElement = $("<h2/>", 
    { 
     style: "margin-left: 25px!important; font-size: 46px!important;" 
    }); 
    temperatureElement.append(currentTemperature); 
    temperatureElement.appendTo(weatherElement); 
    </script> 
</div>