基于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 相关文章推荐
jQuery的deferred对象使用详解
Aug 20 Javascript
DOM和XMLHttpRequest对象的属性和方法整理
Jan 04 Javascript
js判断字符长度及中英文数字等
Mar 19 Javascript
JS实现往下不断流动网页背景的方法
Feb 27 Javascript
JavaScript中setFullYear()方法的使用详解
Jun 11 Javascript
深入理解JavaScript中的对象复制(Object Clone)
May 18 Javascript
jQuery学习笔记——jqGrid的使用记录(实现分页、搜索功能)
Nov 09 Javascript
深入理解JavaScript 参数按值传递
May 24 Javascript
解决js ajax同步请求造成浏览器假死的问题
Jan 18 Javascript
iconfont的三种使用方式详解
Aug 05 Javascript
vue项目打包后请求地址错误/打包后跨域操作
Nov 04 Javascript
Vue使用鼠标在Canvas上绘制矩形
Dec 24 Vue.js
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
教你IIS6的PHP最佳配置方法
2006/09/05 PHP
Php注入点构造代码
2008/06/14 PHP
php随机取mysql记录方法小结
2014/12/27 PHP
php将图片文件转换成二进制输出的方法
2015/06/10 PHP
thinkPHP3.x常量整理(预定义常量/路径常量/系统常量)
2016/05/20 PHP
在Laravel的Model层做数据缓存的实现
2019/09/26 PHP
JS JavaScript获取Url参数,src属性参数
2021/03/09 Javascript
javascript radio 联动效果
2009/03/04 Javascript
JQuery 表格操作(交替显示、拖动表格行、选择行等)
2009/07/29 Javascript
JQuery与iframe交互实现代码
2009/12/24 Javascript
jQuery autocomplate 自扩展插件、自动完成示例代码
2011/03/28 Javascript
JavaScript 学习笔记之基础中的基础
2015/01/13 Javascript
javascript基于DOM实现省市级联下拉框的方法
2015/05/14 Javascript
jQuery实现类似标签风格的导航菜单效果代码
2015/08/25 Javascript
javascript求日期差的方法
2016/03/02 Javascript
javaScript事件学习小结(四)event的公共成员(属性和方法)
2016/06/09 Javascript
AngularJs表单验证实例代码解析
2016/11/29 Javascript
JS获得多个同name 的input输入框的值的实现方法
2017/01/09 Javascript
Bootstrap Tooltip显示换行和左对齐的解决方案
2017/10/11 Javascript
JavaScript折半查找(二分查找)算法原理与实现方法示例
2018/08/06 Javascript
CSS3 动画卡顿性能优化的完美解决方案
2018/09/20 Javascript
js for终止循环 跳出多层循环
2018/10/04 Javascript
Python如何判断数独是否合法
2016/09/08 Python
彻底理解Python list切片原理
2017/10/27 Python
python随机取list中的元素方法
2018/04/08 Python
Python实现的绘制三维双螺旋线图形功能示例
2018/06/23 Python
python儿童学游戏编程知识点总结
2019/06/03 Python
Python面向对象实现方法总结
2020/08/12 Python
浅析NumPy 切片和索引
2020/09/02 Python
Python Charles抓包配置实现流程图解
2020/09/29 Python
HTML5 本地存储 LocalStorage详解
2016/06/24 HTML / CSS
美国南加州的原创极限运动潮牌:Vans(范斯)
2016/08/05 全球购物
英国受欢迎的运动鞋和街头服装商店:Footasylum
2018/06/12 全球购物
特岗教师个人总结
2015/02/10 职场文书
酒店客房服务员岗位职责
2015/04/09 职场文书
如何书写授权委托书?
2019/06/25 职场文书