基于JQuery的抓取博客园首页RSS的代码


Posted in Javascript onDecember 01, 2011

效果图:
基于JQuery的抓取博客园首页RSS的代码
实现代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>无标题文档</title> 
</head> 
<body> 
<table id='tbl1' cellpadding="1" cellspacing="1" bgcolor="#333333" width="800px" style="line-height:30px;"> 
<tr bgcolor="#FFFFFF"><td align="center" width="70%">标题</td><td align="center" width="30%">时间</td></tr> 
</table> 
<div id="loading" style="display:none"><font color='red'>正在加载数据。。。</font></div> 
</body> 
</html> 
<script language="javascript" type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
<script language="javascript" type="text/javascript" > 
$(function(){ 
var html=""; 
var bgcolor=""; 
$.ajax({ 
url:"http://www.cnblogs.com/rss", 
type:"get", 
//dataType:($.browser.msie) ? "text" : "xml", 
success:function(data){ 
$("item",data).each(function(index,element){ 
bgcolor=index%2==0 ?" bgcolor='#F1F1F1' ":" bgcolor='#FFFFFF' "; 
html+="<tr "+bgcolor+"><td><a href='"+$(this).find("link").text()+"'>"+FormatContent($(this).find("title").text(),40)+"</td><td>"+ new Date($(this).find("pubDate").text()).format("yyyy-MM-dd hh:mm:ss");+"</td></tr>"; 
}); 
$("#tbl1 tr:not(':first')").remove();//移除非第一行 
$("#tbl1").append(html);//绑定数据到table 
}, 
complete:function(){ 
$("#loading").hide(); 
}, 
beforeSend:function(x){ 
//x.setRequestHeader("Content-Type", "charset=utf-8"); 
$("#loading").show(); 
}, 
error:function(){ 
alert("error"); 
} 
}); 
}); 
</script> 
<script language="javascript"> 
/** 
* 时间对象的格式化; 
*/ 
Date.prototype.format = function(format) { 
/* 
* eg:format="YYYY-MM-dd hh:mm:ss"; 
*/ 
var o = { 
"M+" :this.getMonth() + 1, // month 
"d+" :this.getDate(), // day 
"h+" :this.getHours(), // hour 
"m+" :this.getMinutes(), // minute 
"s+" :this.getSeconds(), // second 
"q+" :Math.floor((this.getMonth() + 3) / 3), // quarter 
"S" :this.getMilliseconds() 
// millisecond 
} 
if (/(y+)/.test(format)) { 
format = format.replace(RegExp.$1, (this.getFullYear() + "") 
.substr(4 - RegExp.$1.length)); 
} 
for ( var k in o) { 
if (new RegExp("(" + k + ")").test(format)) { 
format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] 
: ("00" + o[k]).substr(("" + o[k]).length)); 
} 
} 
return format; 
} 
//格式化标题信息 
function FormatContent(word,length){ 
return word.length>length?word.substring(0,length)+"...":word; 
} 
</script>
Javascript 相关文章推荐
IFrame跨域高度自适应实现代码
Aug 16 Javascript
jquery无法设置checkbox选中即没有变成选中状态
Mar 27 Javascript
使用jQuery调用XML实现无刷新即时聊天
Aug 07 Javascript
JSON与String互转的实现方法(Javascript)
Sep 27 Javascript
初探JavaScript 面向对象(推荐)
Sep 03 Javascript
vue.js如何将echarts封装为组件一键使用详解
Oct 10 Javascript
vue进行图片的预加载watch用法实例讲解
Feb 07 Javascript
深入理解Vue Computed计算属性原理
May 29 Javascript
基于jquery实现九宫格拼图小游戏
Nov 30 jQuery
使用vue-cli脚手架工具搭建vue-webpack项目
Jan 14 Javascript
移动端手指操控左右滑动的菜单
Sep 08 Javascript
js实现转动骰子模型
Oct 24 Javascript
jQuery 中使用JSON的实现代码
Dec 01 #Javascript
jquery中dom操作和事件的实例学习 下拉框应用
Dec 01 #Javascript
JS代码放在head和body中的区别分析
Dec 01 #Javascript
js获取浏览器的可视区域尺寸的实现代码
Nov 30 #Javascript
js取滚动条的尺寸的函数代码
Nov 30 #Javascript
window.event快达到全浏览器支持了,以后使用就方便了
Nov 30 #Javascript
图片在浏览器中底部对齐 解决方法之一
Nov 30 #Javascript
You might like
PHP默认安装产生系统漏洞
2006/10/09 PHP
一个ORACLE分页程序,挺实用的.
2006/10/09 PHP
PHP 多进程 解决难题
2009/06/22 PHP
php checkbox 取值详细说明
2010/08/19 PHP
php简单获取文件扩展名的方法
2015/03/24 PHP
PHP面向对象多态性实现方法简单示例
2017/09/27 PHP
[转]JS宝典学习笔记
2007/02/07 Javascript
JavaScript获取/更改文本框的值的实例代码
2013/08/02 Javascript
JavaScript获取图片像素颜色并转换为box-shadow显示
2016/03/11 Javascript
jQuery进阶实践之利用最优雅的方式如何写ajax请求
2017/12/20 jQuery
一步一步实现Vue的响应式(对象观测)
2019/09/02 Javascript
python机器学习之神经网络(三)
2017/12/20 Python
python爬取m3u8连接的视频
2018/02/28 Python
Flask之flask-script模块使用
2018/07/26 Python
详解PANDAS 数据合并与重塑(join/merge篇)
2019/07/09 Python
在PyCharm中控制台输出日志分层级分颜色显示的方法
2019/07/11 Python
python画环形图的方法
2020/03/25 Python
Python数据相关系数矩阵和热力图轻松实现教程
2020/06/16 Python
Python实现文件压缩和解压的示例代码
2020/08/12 Python
HTML5 客户端数据库简易使用:IndexedDB
2019/12/19 HTML / CSS
美国东北部户外服装和设备零售商:Eastern Mountain Sports
2016/10/05 全球购物
房地产管理毕业生自荐信
2013/11/04 职场文书
大学生毕业的自我鉴定
2013/11/13 职场文书
班组长工作职责
2013/12/25 职场文书
化妆品促销方案
2014/02/24 职场文书
建筑横幅标语
2014/10/09 职场文书
四风批评与自我批评发言稿
2014/10/14 职场文书
原告离婚代理词
2015/05/23 职场文书
2015年中学图书馆工作总结
2015/07/22 职场文书
会议室使用管理制度
2015/08/06 职场文书
标准发言稿结尾
2019/07/18 职场文书
python 自动化偷懒的四个实用操作
2021/04/11 Python
python基础之匿名函数详解
2021/04/21 Python
DE1107机评
2022/04/05 无线电
css3属性选择器 “~”(波浪号) “,”(逗号) “+”(加号)和 “>”(大于号)
2022/04/19 HTML / CSS
阿里云服务器部署RabbitMQ集群的详细教程
2022/06/01 Servers