1. 论坛系统升级为Xenforo,欢迎大家测试!
    Dismiss Notice

[召唤小叶] 问一个 jquery 处理 json 数据的问题

Discussion in '前端开发' started by Ulysses, Sep 28, 2009.

  1. Ulysses

    Ulysses New Member

    Joined:
    Feb 5, 2006
    Messages:
    10,018
    Likes Received:
    16
  2. Ulysses

    Ulysses New Member

    Joined:
    Feb 5, 2006
    Messages:
    10,018
    Likes Received:
    16
    没有主题高亮功能。

    :ft:
     
  3. notnull

    notnull New Member

    Joined:
    Sep 27, 2005
    Messages:
    11,720
    Likes Received:
    37
    这个,真不会
     
  4. Kevin

    Kevin New Member

    Joined:
    Oct 23, 2005
    Messages:
    12,728
    Likes Received:
    55
    帮忙召唤
     
  5. 小叶

    小叶 New Member

    Joined:
    Sep 4, 2005
    Messages:
    17,941
    Likes Received:
    33
    下面的样式自己弄吧。。

    HTML:
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script>
    $.getJSON('http://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&user=fengyouyi&format=json&limit=60&api_key=b25b959554ed76058ac220b7b2e0a026', function(data){
    	var data = data.recenttracks;
    	//alert(data.track.length);
    	for(var i=0;i<data.track.length;i++){ 
            var row = $("#row").clone();
    		row.find("#title").text(data['track'][i]['name']);
    		//alert(data['track'][i]['name']);
    		row.find("#url").text(data['track'][i]['url']);
    		row.appendTo("#datas");
    	}
    });
    
    </script>
    <table id="datas" border="1" cellspacing="0" style="border-collapse: collapse"> 
    <tr> 
    <th style="width:100px;" align="center">title</th> 
    <th style="width:100px;" align="center">URL</th> 
    </tr> 
    <tr id="row" style=" background:#FFFFFF; line-height:20px; height:20px; font-size:12px;"> 
    <td id="title"></td> 
    <td id="url"></td> 
    </tr> 
    </table> 
    
     
  6. bootini

    bootini Active Member

    Joined:
    Nov 1, 2008
    Messages:
    2,084
    Likes Received:
    1
    技术帖。。。。

    小叶mm速度真快哈。
     
  7. webren

    webren New Member

    Joined:
    Sep 6, 2008
    Messages:
    2,934
    Likes Received:
    0
    怎么不能查看代码运行效果。