使用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 相关文章推荐
翻译整理的jQuery使用查询手册
Mar 07 Javascript
Pro JavaScript Techniques学习笔记
Dec 28 Javascript
js实现的跟随鼠标移动的时钟效果(中英文日期显示)
Jan 17 Javascript
js动态修改input输入框的type属性(实现方法解析)
Nov 13 Javascript
vue element-ui 绑定@keyup事件无效的解决方法
Mar 09 Javascript
一次Webpack配置文件的分离实战记录
Nov 30 Javascript
jQuery实现为table表格动态添加或删除tr功能示例
Feb 19 jQuery
微信小程序iBeacon测距及稳定程序的实现解析
Jul 31 Javascript
浅谈Node新版本13.2.0正式支持ES Modules特性
Nov 25 Javascript
vue+koa2搭建mock数据环境的详细教程
May 18 Javascript
vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作
Aug 03 Javascript
Vue中inheritAttrs的使用实例详解
Dec 31 Vue.js
一步一步教你写一个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
在PHP3中实现SESSION的功能(一)
2006/10/09 PHP
从C/C++迁移到PHP——判断字符类型的函数
2006/10/09 PHP
dedecms系统常用术语汇总
2007/04/03 PHP
利用discuz实现PHP大文件上传应用实例代码
2008/11/14 PHP
PHP 字符串长度判断效率更高的方法
2014/03/02 PHP
PHP版QQ互联OAuth示例代码分享
2015/07/05 PHP
php简单判断文本编码的方法
2015/07/30 PHP
PHP巧妙利用位运算实现网站权限管理的方法
2017/03/12 PHP
新浪刚打开页面出来的全屏广告代码
2007/04/02 Javascript
学习JS面向对象成果 借国庆发布个最新作品与大家交流
2009/10/03 Javascript
BOM与DOM的区别分析
2010/10/26 Javascript
jquery 学习之二 属性(html()与html(val))
2010/11/25 Javascript
超级有用的13个基于jQuery的内容滚动插件和教程
2011/07/31 Javascript
JavaScript前端图片加载管理器imagepool使用详解
2014/12/29 Javascript
nodejs修复ipa处理过的png图片
2016/02/17 NodeJs
浅析JavaScript 箭头函数 generator Date JSON
2016/05/23 Javascript
jQuery页面元素动态添加后绑定事件丢失方法,非 live
2016/06/16 Javascript
.net MVC+Bootstrap下使用localResizeIMG上传图片
2017/04/21 Javascript
jQuery选择器之属性筛选选择器用法详解
2017/09/19 jQuery
D3.js实现简洁实用的动态仪表盘的示例
2018/04/04 Javascript
使用layui 的layedit定义自己的toolbar方法
2019/09/18 Javascript
详解小程序云开发攻略(解决最棘手的问题)
2019/09/30 Javascript
Python模拟登录验证码(代码简单)
2016/02/06 Python
python利用标准库如何获取本地IP示例详解
2017/11/01 Python
Python 字符串与二进制串的相互转换示例
2018/07/23 Python
对Python3.x版本print函数左右对齐详解
2018/12/22 Python
Python3列表内置方法大全及示例代码小结
2019/05/10 Python
Python解压 rar、zip、tar文件的方法
2019/11/19 Python
python GUI框架pyqt5 对图片进行流式布局的方法(瀑布流flowlayout)
2020/03/12 Python
通过实例简单了解Python sys.argv[]使用方法
2020/08/04 Python
HTML5和CSS3实例教程总结(推荐)
2016/07/18 HTML / CSS
现代家居用品及礼品:LBC Modern
2018/06/24 全球购物
我的五年职业生涯规划
2014/01/23 职场文书
大学生党员承诺书
2014/05/20 职场文书
幼儿园大班开学寄语(2015秋季)
2015/05/27 职场文书
大学学生会主席竞选稿怎么写?
2019/08/19 职场文书