使用jQuery的ajax功能實(shí)現(xiàn)的RSS Reader 代碼

更新時(shí)間：2009年09月03日 02:27:00 作者：

Rss閱讀器挺不錯(cuò)的。我覺得如果在igoogle或是dropthings這種形式的portal下來放很多RSS模塊顯示自己每天需要關(guān)注的信息那將會(huì)減少大家很多的打開瀏覽器和輸入網(wǎng)址的時(shí)間。

先看看效果來著:

首先需要一個(gè)ascx頁面通過一個(gè)XDocument把rss源的內(nèi)容綁定到一個(gè)ListView上。代碼如下:

復(fù)制代碼代碼如下:

protected void Page_Load(object sender, EventArgs e) 
{ 
// For demo purposes. 
System.Threading.Thread.Sleep(1000); 

XDocument feedXML = 
XDocument.Load("http://feeds.feedsky.com/csdn.net/dujingjing1230"); 

var feeds = from feed in feedXML.Descendants("item") 
select new 
{ 
Title = feed.Element("title").Value, 
Link = feed.Element("link").Value, 
Description = feed.Element("description").Value 
}; 

PostList.DataSource = feeds; 
PostList.DataBind(); 
}

復(fù)制代碼代碼如下:

<asp:ListView runat="server" ID="PostList"> 
<LayoutTemplate> 
<ul> 
<asp:PlaceHolder runat="server" ID="itemPlaceholder" /> 
</ul> 
</LayoutTemplate> 
<ItemTemplate> 
<li><a href='<%# Eval("Link") %>'><%# Eval("Title") %></a><br /> 
<%# Eval("Description") %> 
</li> 
</ItemTemplate> 
</asp:ListView>

接下來需要?jiǎng)?chuàng)建一個(gè)aspx頁面來顯示RSS內(nèi)容,當(dāng)然這個(gè)頁面中就使用了jQuery的AJAX來得到上面的數(shù)據(jù)。
HTML頁面代碼:

實(shí)現(xiàn)ajax功能的js:

復(fù)制代碼代碼如下:

 
$(document).ready(function() { 
$.ajax({ 
type: "POST", 
url: "RSSReader.asmx/GetRSSReader", 
data: "{}", 
contentType: "application/json; charset=utf-8", 
dataType: "json", 
success: function(msg) { 
$('#RSSContent').removeClass('loading'); 
$('#RSSContent').html(msg.d); 
} 
}); 
}); 

最后是RSSReader.asmx這個(gè)web Services的內(nèi)容:

復(fù)制代碼代碼如下:

 
public class RSSReader : System.Web.Services.WebService { 
[WebMethod] 
public string GetRSSReader() 
{ 
Page page = new Page(); 
UserControl ctl = 
(UserControl)page.LoadControl("~/RSSReaderControl.ascx"); 
page.Controls.Add(ctl); 
StringWriter writer = new StringWriter(); 
HttpContext.Current.Server.Execute(page, writer, false); 
return writer.ToString(); 
} 
} 