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

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

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

先看看效果來著:

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

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(); 
}

復制代碼代碼如下:

<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>

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

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

復制代碼代碼如下:

 
$(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這個web Services的內容:

復制代碼代碼如下:

 
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(); 
} 
} 