使用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高级程序设计(第3版)学习笔记11 内建js对象
Oct 11 Javascript
理解Javascript闭包
Nov 01 Javascript
详解JavaScript中setSeconds()方法的使用
Jun 11 Javascript
JavaScript实现弹出模态窗体并接受传值的方法
Feb 12 Javascript
JavaScript中三个等号和两个等号的区别(== 和 ===)浅析
Sep 22 Javascript
js 性能优化之快速响应的用户界面
Feb 15 Javascript
彻底学会Angular.js中的transclusion
Mar 12 Javascript
浅谈vue的props,data,computed变化对组件更新的影响
Jan 16 Javascript
详解Node.js amqplib 连接 Rabbit MQ最佳实践
Jan 24 Javascript
vue2.0 解决抽取公用js的问题
Jul 31 Javascript
JavaScript实现HTML导航栏下拉菜单
Nov 25 Javascript
angular4实现带搜索的下拉框
Mar 25 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
超神学院:鹤熙已踏入神圣领域,实力不比凯莎弱
2020/03/02 国漫
在PHP中使用灵巧的体系结构
2006/10/09 PHP
php下网站防IP攻击代码,超级实用
2010/10/24 PHP
js post提交调用方法
2014/02/12 Javascript
js常用系统函数用法实例分析
2015/01/12 Javascript
jQuery实现鼠标经过提示信息的地图热点效果
2015/04/26 Javascript
avalonjs制作响应式瀑布流特效
2015/05/06 Javascript
JS制作手机端自适应缩放显示
2015/06/11 Javascript
深入理解jquery中的事件与动画
2016/05/24 Javascript
AJAX和jQuery动态加载数据的实现方法
2016/12/05 Javascript
node.js基于mongodb的搜索分页示例
2017/01/22 Javascript
浅析Javascript中双等号(==)隐性转换机制
2017/10/27 Javascript
Vue实现带进度条的文件拖动上传功能
2018/02/23 Javascript
nodejs简单访问及操作mysql数据库的方法示例
2018/03/15 NodeJs
js动态引入的四种方法
2018/05/05 Javascript
element-ui 中的table的列隐藏问题解决
2018/08/24 Javascript
基于JavaScript canvas绘制贝塞尔曲线
2018/12/25 Javascript
解决微信浏览器缓存站点入口文件(IIS部署Vue项目)
2019/06/17 Javascript
vue实现顶部菜单栏
2020/11/08 Javascript
原生js 实现表单验证功能
2021/02/08 Javascript
Python制作CSDN免积分下载器
2015/03/10 Python
详解设计模式中的工厂方法模式在Python程序中的运用
2016/03/02 Python
Python中函数eval和ast.literal_eval的区别详解
2017/08/10 Python
tensorflow: variable的值与variable.read_value()的值区别详解
2018/07/30 Python
Apache部署Django项目图文详解
2019/07/30 Python
python修改字典键(key)的方法
2019/08/05 Python
keras中的History对象用法
2020/06/19 Python
Tensorflow全局设置可见GPU编号操作
2020/06/30 Python
美国知名玩具品牌:Melissa & Doug
2016/08/16 全球购物
Shopbop中文官网:美国亚马逊旗下时尚购物网站
2020/12/15 全球购物
mysql有关权限的表都有哪几个
2015/04/22 面试题
优秀共产党员演讲稿
2014/09/04 职场文书
五心教育心得体会
2014/09/04 职场文书
高中生第一学年自我鉴定2015
2014/09/28 职场文书
网络销售员岗位职责
2015/04/11 职场文书
Golang bufio详细讲解
2022/04/21 Golang