使用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 相关文章推荐
SlideView 图片滑动(扩展/收缩)展示效果
Aug 01 Javascript
关于window.pageYOffset和document.documentElement.scrollTop
Apr 05 Javascript
Node.js插件的正确编写方式
Aug 03 Javascript
jQuery+AJAX实现无刷新下拉加载更多
Jul 03 Javascript
Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法
Feb 17 Javascript
JS实现商品筛选功能
Aug 19 Javascript
快速解决select2在bootstrap模态框中下拉框隐藏的问题
Aug 10 Javascript
vue中node_modules中第三方模块的修改使用详解
May 31 Javascript
layui实现数据表格点击搜索功能
Mar 26 Javascript
微信小程序如何播放腾讯视频的实现
Sep 20 Javascript
layui实现多图片上传并限制上传的图片数量
Sep 26 Javascript
详解Vue.js3.0 组件是如何渲染为DOM的
Nov 10 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
JAVA/JSP学习系列之四
2006/10/09 PHP
解析PHP提交后跳转
2013/06/23 PHP
php生成随机颜色的方法
2014/11/13 PHP
highchart数据源纵轴json内的值必须是int(详解)
2017/02/20 PHP
javascript内存管理详细解析
2013/11/11 Javascript
NodeJS制作爬虫全过程(续)
2014/12/22 NodeJs
javascript跨域总结之window.name实现的跨域数据传输
2015/11/01 Javascript
node.js实现快速截图
2016/08/27 Javascript
解决Node.js使用MySQL出现connect ECONNREFUSED 127.0.0.1:3306的问题
2017/03/09 Javascript
微信小程序图片宽100%显示并且不变形
2017/06/21 Javascript
Vue实现按钮旋转和移动位置的实例代码
2018/08/09 Javascript
帮你彻底搞懂JS中的prototype、__proto__与constructor(图解)
2019/08/23 Javascript
React中Ref 的使用方法详解
2020/04/28 Javascript
Vue 同步异步存值取值实现案例
2020/08/05 Javascript
JS实现页面鼠标点击出现图片特效
2020/08/19 Javascript
js正则表达式简单校验方法
2021/01/03 Javascript
Python内建数据结构详解
2016/02/03 Python
Python基础学习之类与实例基本用法与注意事项详解
2019/06/17 Python
简单了解Django ContentType内置组件
2019/07/23 Python
python数据类型之间怎么转换技巧分享
2019/08/20 Python
Python实现的爬取豆瓣电影信息功能案例
2019/09/15 Python
python RC4加密操作示例【测试可用】
2019/09/26 Python
Python pandas库中的isnull()详解
2019/12/26 Python
CSS3使用border-radius属性制作圆角
2014/12/22 HTML / CSS
HTML5 Canvas中使用用路径描画圆弧
2015/01/01 HTML / CSS
英国汽车零件购物网站:GSF Car Parts
2019/05/23 全球购物
Pharmacy Online中文直邮网站:澳洲大型药房
2020/06/27 全球购物
如何将无状态会话Bean发布为WEB服务,只有无状态会话Bean可以发布为WEB服务?
2015/12/03 面试题
生物技术专业研究生自荐信
2013/09/22 职场文书
化工专业推荐信范文
2013/11/28 职场文书
办公室经理岗位职责
2014/01/01 职场文书
教师对照四风自我剖析材料
2014/09/30 职场文书
2015元旦标语横幅
2014/12/09 职场文书
入党政审材料范文
2014/12/24 职场文书
AJAX实现省市县三级联动效果
2021/10/16 Javascript
Python 第三方库 openpyxl 的安装过程
2022/12/24 Python