基于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 相关文章推荐
用cookies实现的可记忆的样式切换效果代码下载
Dec 24 Javascript
关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级
Oct 14 Javascript
javascript学习笔记(一) 在html中使用javascript
Jun 18 Javascript
JavaScript中的值类型详细介绍
Dec 29 Javascript
javascript实现淘宝幻灯片广告展示效果
Apr 27 Javascript
jQuery实现移动端滑块拖动选择数字效果
Dec 24 Javascript
JavaScript判断用户名和密码不能为空的实现代码
May 16 Javascript
Angular的模块化(代码分享)
Dec 26 Javascript
ES6新特性二:Iterator(遍历器)和for-of循环详解
Apr 20 Javascript
vue2.5.2使用http请求获取静态json数据的实例代码
Feb 27 Javascript
axios对请求各种异常情况处理的封装方法
Sep 25 Javascript
浅谈layui分页控件field参数接收对象的问题
Sep 20 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 获取远程网页内容的函数
2009/09/08 PHP
php session_start()关于Cannot send session cache limiter - headers already sent错误解决方法
2009/11/27 PHP
php将print_r处理后的数据还原为原始数组的解决方法
2016/11/02 PHP
PHP封装的XML简单操作类完整实例
2017/11/13 PHP
PHP聚合式迭代器接口IteratorAggregate用法分析
2017/12/28 PHP
PHP预定义接口――Iterator用法示例
2020/06/05 PHP
PHP 实现base64编码文件上传出现问题详解
2020/09/01 PHP
JavaScript中Array 对象相关的几个方法
2006/12/22 Javascript
javascript获取select的当前值示例代码(兼容IE/Firefox/Opera/Chrome)
2013/12/17 Javascript
js实现的简洁网页滑动tab菜单效果代码
2015/08/24 Javascript
详解JavaScript的表达式与运算符
2015/11/30 Javascript
JavaScript html5 canvas绘制时钟效果
2016/03/01 Javascript
Svg.js实例教程及使用手册详解(一)
2016/05/16 Javascript
js实现固定宽高滑动轮播图效果
2017/01/13 Javascript
jQuery实现获取动态添加的标签对象示例
2018/06/28 jQuery
从零使用TypeScript开发项目打包发布到npm
2020/02/14 Javascript
javascript设计模式 ? 外观模式原理与用法实例分析
2020/04/15 Javascript
vue v-on:click传递动态参数的步骤
2020/09/11 Javascript
Python的ORM框架中SQLAlchemy库的查询操作的教程
2015/04/25 Python
在Python中使用PIL模块处理图像的教程
2015/04/29 Python
基于并发服务器几种实现方法(总结)
2017/12/29 Python
Python简单实现阿拉伯数字和罗马数字的互相转换功能示例
2018/04/17 Python
pytorch + visdom 处理简单分类问题的示例
2018/06/04 Python
Python单例模式的四种创建方式实例解析
2020/03/04 Python
python多线程爬取西刺代理的示例代码
2021/01/30 Python
HTML5上传文件显示进度的实现代码
2012/08/30 HTML / CSS
公司薪酬管理制度
2014/01/31 职场文书
xxx同志考察材料
2014/02/07 职场文书
学习决心书
2014/03/11 职场文书
公司建议书怎么写
2014/05/15 职场文书
学生会感恩节活动方案
2014/10/11 职场文书
经营目标责任书
2015/05/08 职场文书
CSS 还能这样玩?奇思妙想渐变的艺术
2021/04/27 HTML / CSS
详解缓存穿透击穿雪崩解决方案
2021/05/28 Redis
关于Python使用turtle库画任意图的问题
2022/04/01 Python
vue2的 router在使用过程中遇到的一些问题
2022/04/13 Vue.js