解析json数据

最新推荐文章于 2024-07-30 17:35:21 发布

iteye_6992

最新推荐文章于 2024-07-30 17:35:21 发布

阅读量85

点赞数

分类专栏： jquery 文章标签： jquery ViewUI

jquery 专栏收录该内容

41 篇文章 0 订阅

订阅专栏

<!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=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.8.3.js"></script>
</head>

* data7.js中的内容是json数据，此数据由后台数据库产生

*/
document.writeln(unescape('%3Cscript type="text/javascript" src="data7.js"%3E%3C/script%3E'))
</script>
<script type="text/javascript">
/*
* 对后台获得的json数据进行解析；
* 注意，获得json数据，和解析json数据位于两个script标签，（js解析数据的顺序）
* ************made by keimon***************
* **************2013-01-28*****************
*/
var len = Math.ceil(data7.length/6);
for(var i=0; i<len; i++){
   var tmp = data7.slice(0,6);
   var html = [];
   $.each(tmp,function(j){
      html.push([
         '<li>',
               '<a target="_blank" name="j" href="'+this.cms_url+'">',
                   '<img src="'+this.image_url+'" />',
                   '<span class="a">'+this.brief+'</span>',
               '</a>',
             '</li>'
       ].join(''));
   })
   $('body').append([
      '<ul class="b">',
   html.join(''),
      '</ul>'
   ].join(''));
}