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


Posted in Javascript onSeptember 03, 2009

先看看效果来着:

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

首先需要一个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页面代码:
使用jQuery的ajax功能实现的RSS Reader 代码
实现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.3water.com/200909/yuanma/RSSREader.rar
Javascript 相关文章推荐
JavaScript初学者建议:不要去管浏览器兼容
Feb 04 Javascript
js中匿名函数的创建与调用方法分析
Dec 19 Javascript
Javascript编写俄罗斯方块思路及实例
Jul 07 Javascript
jquery实现顶部向右伸缩的导航区域代码
Sep 02 Javascript
JavaScript事件详细讲解
Jun 27 Javascript
javascript事件捕获机制【深入分析IE和DOM中的事件模型】
Dec 15 Javascript
JS异步加载的三种实现方式
Mar 16 Javascript
JavaScript取得gridview中获取checkbox选中的值
Jul 24 Javascript
JavaScript如何获取到导航条中HTTP信息
Oct 10 Javascript
微信小程序动画(Animation)的实现及执行步骤
Oct 28 Javascript
JS删除String里某个字符的方法
Jan 06 Javascript
echarts实现折线图的拖拽效果
Dec 19 Javascript
一步一步教你写一个jQuery的插件教程(Plugin)
Sep 03 #Javascript
动态样式类封装JS代码
Sep 02 #Javascript
JS URL传中文参数引发的乱码问题
Sep 02 #Javascript
FF IE兼容性的修改小结
Sep 02 #Javascript
js 获取浏览器高度和宽度值(多浏览器)
Sep 02 #Javascript
获取URL地址中的文件名和参数的javascript代码
Sep 02 #Javascript
Javascript 判断函数类型完美解决方案
Sep 02 #Javascript
You might like
php checkbox 取值详细说明
2010/08/19 PHP
自定义php类(查找/修改)xml文档
2013/03/26 PHP
PHP删除HTMl标签的三种解决方法
2013/06/30 PHP
简单理解PHP的面向对象编程方式
2016/05/17 PHP
PHP判断是否微信访问的方法示例
2019/03/27 PHP
如何在centos8自定义目录安装php7.3
2019/11/28 PHP
php中加密解密DES类的简单使用方法示例
2020/03/26 PHP
php实现简易计算器
2020/08/28 PHP
用Javascript读取中文COOKIE的解决办法
2007/02/15 Javascript
Jquery ui css framework
2010/06/28 Javascript
Jquery动态更改一张位图的src与Attr的使用
2013/07/31 Javascript
javascript实现全局匹配并替换的方法
2015/04/27 Javascript
jQuery插件animateSlide制作多点滑动幻灯片
2015/06/11 Javascript
使用nodejs下载风景壁纸
2017/02/05 NodeJs
JS实现的邮箱提示补全效果示例
2018/01/30 Javascript
如何在vue中使用ts的示例代码
2018/02/28 Javascript
玩转Koa之核心原理分析
2018/12/29 Javascript
vue实现百度下拉列表交互操作示例
2019/03/12 Javascript
浅谈Webpack多页应用HMR卡住问题
2019/04/24 Javascript
vuex入门最详细整理
2020/03/04 Javascript
python使用smtplib模块通过gmail实现邮件发送的方法
2015/05/08 Python
通过Python爬虫代理IP快速增加博客阅读量
2016/12/14 Python
Python实现的计数排序算法示例
2017/11/29 Python
python如何解析配置文件并应用到项目中
2019/06/27 Python
django ManyToManyField多对多关系的实例详解
2019/08/09 Python
python+gdal+遥感图像拼接(mosaic)的实例
2020/03/10 Python
anaconda安装pytorch1.7.1和torchvision0.8.2的方法(亲测可用)
2021/02/01 Python
CSS3制作hover下划线动画
2017/03/27 HTML / CSS
html5的新增的标签和废除的标签简要概述
2013/02/20 HTML / CSS
实习鉴定范文
2013/12/19 职场文书
给导游的表扬信
2014/01/10 职场文书
环保公益广告语
2014/03/13 职场文书
学习党章心得体会2016
2016/01/15 职场文书
因个人工作失误检讨书
2019/06/21 职场文书
Filebeat 采集 Nginx 日志的方法
2021/03/31 Servers
纯CSS实现hover图片pop-out弹出效果的实例代码
2021/04/16 HTML / CSS