基于JQuery的抓取博客园首页RSS的代码
基于JQuery的抓取博客园首页RSS的代码
发布时间:2016-12-30 来源:查字典编辑
摘要:效果图:实现代码:复制代码代码如下:无标题文档标题时间正在加载数据。。。$(function(){varhtml="";varbgcolor...

效果图:

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

实现代码:

复制代码 代码如下:

<!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">

<tr bgcolor="#FFFFFF"><td align="center" width="70%">标题</td><td align="center" width="30%">时间</td></tr>

</table>

<div id="loading"><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教程学习
热门Javascript教程学习
编程开发子分类