基于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 相关文章推荐
让您的菜单不离网站
Oct 03 Javascript
点击进行复制的JS代码实例
Aug 23 Javascript
绑定回车enter事件代码
May 18 Javascript
Javascript前端UI框架Kit使用指南之kitjs的对话框组件
Nov 28 Javascript
js关于命名空间的函数实例
Feb 05 Javascript
浅谈几种常用的JS类定义方法
Jun 08 Javascript
JS验证 只能输入小数点,数字,负数的实现方法
Oct 07 Javascript
vue使用watch 观察路由变化,重新获取内容
Mar 08 Javascript
ES6数组的扩展详解
Apr 25 Javascript
jQuery中clone()函数实现表单中增加和减少输入项
May 13 jQuery
JS自定义对象创建与简单使用方法示例
Jan 15 Javascript
js实现页面图片消除效果
Mar 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错误、异常处理类
2014/03/21 PHP
php array_multisort 对数组进行排序详解及实例代码
2016/10/27 PHP
PHP实现对xml进行简单的增删改查(CRUD)操作示例
2017/05/19 PHP
被jQuery折腾得半死,揭秘为何jQuery为何在IE/Firefox下均无法使用
2010/01/22 Javascript
表头固定(利用jquery实现原理介绍)
2012/11/08 Javascript
基于Bootstrap重置输入框内容按钮插件
2016/05/12 Javascript
AngularJs学习第八篇 过滤器filter创建
2016/06/08 Javascript
JS双击变input框批量修改内容
2016/12/12 Javascript
Bootstrap CSS布局之表单
2016/12/17 Javascript
Vuex模块化实现待办事项的状态管理
2017/03/15 Javascript
bootstrap日期插件daterangepicker使用详解
2017/10/19 Javascript
js实现HTML中Select二级联动的实例
2018/01/05 Javascript
微信小程序使用setData修改数组中单个对象的方法分析
2018/12/30 Javascript
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
2019/04/13 Javascript
[02:09]2018DOTA2亚洲邀请赛TNC赛前采访
2018/04/04 DOTA
[02:50]【扭转乾坤,只此一招】DOTA2永雾林渊版本开启新篇章
2020/12/22 DOTA
用Python实现换行符转换的脚本的教程
2015/04/16 Python
实例说明Python中比较运算符的使用
2015/05/13 Python
python 编程之twisted详解及简单实例
2017/01/28 Python
Python走楼梯问题解决方法示例
2018/07/25 Python
将Django项目部署到CentOs服务器中
2018/10/18 Python
执行Django数据迁移时报 1091错误及解决方法
2019/10/14 Python
Django实现基于类的分页功能
2019/10/31 Python
基于python操作ES实例详解
2019/11/16 Python
简单了解python元组tuple相关原理
2019/12/02 Python
Python数据正态性检验实现过程
2020/04/18 Python
美国男装连锁零售商:Men’s Wearhouse
2016/10/14 全球购物
大女孩胸罩:Big Girls Bras
2016/12/15 全球购物
西班牙最好的在线购买葡萄酒的商店:Vinoseleccion
2019/10/30 全球购物
涪陵白鹤梁导游词
2015/02/09 职场文书
2015年上半年计生工作总结
2015/03/30 职场文书
导游词之云南丽江-泸沽湖
2019/09/26 职场文书
导游词之宁夏贺兰山岩画
2019/11/08 职场文书
如何在Python项目中引入日志
2021/05/31 Python
go select编译期的优化处理逻辑使用场景分析
2021/06/28 Golang
讲解Python实例练习逆序输出字符串
2022/05/06 Python