js遍历json数据

来源：互联网发布：天津办公软件培训编辑：程序博客网时间：2024/05/01 11:28

<!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>
<meta name="keywords"/>
<meta name="description"/>
<style type="text/css" media="screen">

</style>
<script src="js/bootstat.js" language="javascript"></script>
</head>

<body>
<br /><div id="area">
<div id="area_left">
</div>
<div id="area_right">
<div class="title">
<img src="http://www.tuxi.com.cn/sanew/news/images/xwzx_gfxw_title.jpg" width="728" height="47" id="title_img" /></div>
<div class="con">
<div class="bottom">
  <div class="dh"><img src="http://www.tuxi.com.cn/sanew/news/images/news_dh.jpg" width="712" height="43" border="0" /></div>
  <div id="news_list">
  <center><font color="#D8B99A">正在加载数据...</font></center>
</div>
   <div id="page"></div>
  </div>
</div>
</div>
<div class="clear"></div>
</div>
<div style=" width:1000px;margin:0 auto;"></div>
<script language="javascript" type="text/javascript" >
function getNews(startIndex,catId)
{
  location = "getJson2.html?startIndex="+startIndex+"&catId="+catId;
}

function showNewsList(json,catId){

var list = [];
var news = json.items;
if(0==news.length){
    list.push("<center><font color=\"#D8B99A\"> 对不起没有找到您想要的数据!</font></center>");
}

for (var i in news){
    list.push("<div class=\"text\">");
list.push("<div class=\"text_left\"><a href=\"content.html?newsId="+news<i>.newsId+"\" class=\"cD8B99A\">"+news<i>.newsTitle+"</a></div>");
list.push("<div class=\"text_right\">"+news<i>.createTime+"</div>");
list.push("<div class=\"clear\"></div>");
list.push("</div>");
       }

     document.getElementById("news_list").innerHTML = list.join('');

var page = [];
if(0<news.length){
page.push("<a href=\"javascript:getNews(0,catId)\" class=\"font2_11\">第一页</a>  ");
page.push("<span><a href=\"javascript:getNews("+json.previousIndex+",catId)\" class=\"font2_11\">上一页</a></span>  ");
page.push(json.index+'/'+json.pageCount+'  ');
page.push("<span><a href=\"javascript:getNews("+json.nextIndex+",catId)\" class=\"font2_11\">下一页</a></span>  ");
var endpage = 0;
if(json.endPage>0){
endpage = json.endPage;
}
page.push("<a href=\"javascript:getNews("+endpage+",catId)\" class=\"font2_11\">最后一页</a></span></center>");
}
   document.getElementById("page").innerHTML = page.join('');
}
var url = window.location.href;
var m = url.indexOf("startIndex=");
var n = url.indexOf("&",m+11);
var j = url.indexOf("catId=");
var k = url.indexOf("&",j+6);
var startIndex=0;
var catId=503;
if(m>=0)
{
startIndex = n>m?url.substring(m+11,n):url.substring(m+11);
}
if(j>=0)
{
catId = k>j?url.substring(j+6,k):url.substring(j+6);
}
if(catId==505)
{//商务活动
document.getElementById("title_img").src ="http://www.tuxi.com.cn/sanew/news/images/xwzx_swhd_title.jpg";
type=505;
}
else if(catId==502)
{//官方新闻
type=502;
document.getElementById("title_img").src ="http://www.tuxi.com.cn/sanew/news/images/xwzx_gfxw_title.jpg";
}
else if(catId==504)
{//专题活动
type=504;
document.getElementById("title_img").src ="http://www.tuxi.com.cn/sanew/news/images/xwzx_zthd_title.jpg";
}else if(catId==503){//系统公告
type=503;
document.getElementById("title_img").src ="http://www.tuxi.com.cn/sanew/news/images/xwzx_xtgg_title.jpg";
}else if(catId==521){//媒体报道
type=521;
document.getElementById("title_img").src ="http://www.tuxi.com.cn/sanew/news/images/xwzx_mtbd_title.jpg";
}

var SPL = [];
SPL.push('http://localhost:8080/webnews-mysql/visitSpringContext.jsp');
$LJ(SPL);
    setTimeout("showNewsList(json"+catId+","+catId+")",2000);

</script>
</body>
</html>