通过JS、JQ,实现对json数据调取,并循环展示到页面

通过JS、JQ,实现对json数据调取,并循环展示到页面

[javascript]  view plain  copy
  1. $(document).ready(function(){  
  2.   data=$.ajax({url:"获取json链接地址",async:false});  
  3.   data2 = data.responseText;  
  4.   var data2 = JSON.parse(data2);  
  5.   var data3 =data2.gamelists;  
  6.   data3.forEach(function(e){  
  7.     $("#list1_info").append("
  8. +decodeURIComponent(e.opengame_url)+"> + decodeURIComponent(e.icon_url) + ">

 + decodeURIComponent(e.opengame_url) + ">" + e.zh_name + "

人气:" + e.clicks + "" + e.brief + "
 + decodeURIComponent(e.opengame_url) + ">开始游戏
");  
  •   })   
  • });  
  • [javascript]  view plain  copy
    1. //纯Jquery     
    2.     function tab_nav(nav){  
    3.         $.getJSON("获取json链接地址"function (data) {  
    4.             $.each(data.gamelists,function (i, item){  
    5.                 $("#list1_info").append("
    6.  + decodeURIComponent(item.opengame_url) + "> + decodeURIComponent(item.icon_url) + ">

     + decodeURIComponent(item.opengame_url) + ">" + item.zh_name + "

    人气:" + item.clicks + "" + item.brief + "
     + decodeURIComponent(item.opengame_url) + ">开始游戏
    ");  
  •             });  
  •         });  
  •     }  
  • 你可能感兴趣的:(笔记,js)