렌더링: 구현 코드: 코드 복사 코드는 다음과 같습니다. 제목 없는 문서 'tbl1' cellpadding="1" cellpacing="1" bgcolor="#333333" width="800px" style="line-height:30px;"> 제목시간 데이터를 로드하는 중입니다. . . <br>$(function(){ <br>var html=""; <br>var bgcolor=""; <br>$.ajax({ <br>url:"http://www.cnblogs.com /rss", <br>유형:"get", <br>//dataType:($.browser.msie) ? "text": "xml", <br>성공:함수(데이터){ <br>$ ("item",data).each(function(index,element){ <br>bgcolor=index%2==0 ?" bgcolor='#F1F1F1' ":" bgcolor='#FFFFFF' "; <br> 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>"; <br>}); <br>$("#tbl1 tr:not(':first')").remove( );//첫 번째 행이 아닌 행 제거 <br>$("#tbl1").append(html);//데이터를 테이블에 바인딩 <br>}, <br>complete:function(){ <br> $( "#loading").hide(); <br>}, <br>beforeSend:function(x){ <br>//x.setRequestHeader("Content-Type", "charset=utf-8") <br>$("#loading").show(); <br>}, <br>error:function(){ <br>alert("error") <br>} <br>}) >}) <br> <br>/**<br>* 시간 개체 형식 지정 <br>*/ <br>Date.prototype.format = function(format ) <br>/* <br>* 예:format="YYYY-MM-dd hh:mm:ss"; <br>*/ <br>var o = { <br>"M " :this.getMonth () 1, // 월 <br>"d " :this.getDate(), // 일 <br>"h " :this.getHours(), // 시간 <br>"m " :this.getMinutes( ), // 분 <br>"s " :this.getSeconds(), // 초 <br>"q " :Math.floor((this.getMonth() 3) / 3), // 분기 <br> "S " :this.getMilliseconds() <br>// 밀리초 <br>} <br>if (/(y )/.test(format)) { <br>format = format.replace(RegExp.$1, ( this. getFullYear() "") <br>.substr(4 - RegExp.$1.length)) <br>} <br>for ( var k in o) { <br>if (new RegExp("(" k " )").test(format)) { <br>format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] <br>: ("00" o[k] ). substr(("" o[k]).length)); <br>} <br>} <br>return format; <br>} <br>//포맷 헤더 정보<br>function FormatContent( word,length ){ <br>return word.length>length?word.substring(0,length) "...":word <br>} <br>