使用jQuery的ajax功能实现的RSS Reader 代码

 更新时间:2009年09月03日 02:27:00   作者:  
Rss阅读器挺不错的。我觉得如果在igoogle或是dropthings这种形式的portal下来放很多RSS模块显示自己每天需要关注的信息那将会减少大家很多的打开浏览器和输入网址的时间。

先看看效果来着:

首先需要一个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>

接下来需要创建一个aspx页面来显示RSS内容,当然这个页面中就使用了jQuery的AJAX来得到上面的数据。
HTML页面代码:

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

页面中还有用到一个图片这里就不上传了。
代码下载:
http://xiazai.jb51.net/200909/yuanma/RSSREader.rar

相关文章

  • 利用JQuery为搜索栏增加tag提示

    利用JQuery为搜索栏增加tag提示

    其实我认为这个功能用处未必大,因为我在自己的网站搜索栏上添加这个功能已经两周了,居然还没有人发现的样子。
    2009-06-06
  • jQuery实现Select下拉列表进行状态选择功能

    jQuery实现Select下拉列表进行状态选择功能

    本文主要介绍了jQuery实现Select下拉列表进行状态选择功能的代码。具有很好的参考价值,下面跟着小编一起来看下吧
    2017-03-03
  • jquery图片轮播特效代码分享

    jquery图片轮播特效代码分享

    这篇文章主要为大家详细介绍了jquery简单图片轮播特效,图片轮播效果特别适合做产品展示,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2015-09-09
  • jQuery实现拖拽效果插件的方法

    jQuery实现拖拽效果插件的方法

    这篇文章主要介绍了jQuery实现拖拽效果插件的方法,较为详细的分析了jQuery拖拽效果的实现技巧,需要的朋友可以参考下
    2015-03-03
  • jQuery 性能优化指南(3)

    jQuery 性能优化指南(3)

    前面性能优化已经说过,ID选择器的速度是最快的。所以在HTML代码中,能使用ID的尽量使用ID来代替class。
    2009-05-05
  • jQuery技巧总结

    jQuery技巧总结

    随着WEB2.0及ajax思想在互联网上的快速发展传播,陆续出现了一些优秀的Js框架,其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等
    2011-01-01
  • jQuery团购倒计时特效实现方法

    jQuery团购倒计时特效实现方法

    这篇文章主要介绍了jQuery团购倒计时特效实现方法,可实现相对固定时间的倒计时效果,非常具有实用价值,需要的朋友可以参考下
    2015-05-05
  • jQuery获取checkboxlist的value值的方法

    jQuery获取checkboxlist的value值的方法

    最近着手一个项目用到了服务器空间checkboxlist ,使用起来是方便,可以想要从js获取值就稍微麻烦点了,google后找到了如下方法,感兴趣的小伙伴们可以参考一下
    2015-09-09
  • 利用jQuery插件imgAreaSelect实现获得选择域的图像信息

    利用jQuery插件imgAreaSelect实现获得选择域的图像信息

    本篇文章主要对jQuery插件imgAreaSelect实现获得选择域的图像信息的方法做了简要分析说明。需要的朋友来看下吧,希望对大家有所帮助
    2016-12-12
  • 『jQuery』取指定url格式及分割函数应用

    『jQuery』取指定url格式及分割函数应用

    使用jQuery取指定url格式,并使用alert弹出,感兴趣的朋友可以参考下哈,希望对你有所帮助
    2013-04-04

最新评论