您的位置：首页 > Web前端 > JavaScript

js遍历json数据

2012-07-13 16:14 369 查看

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航