$.getJSON与$.each结合使用

发布时间：2020-12-16 19:22:57 所属栏目：百科来源：网络整理

导读：$.getJSON与$.each结合使用：来获取json格式数据在HTML页面中： $.getJSON("ajax/rank_data.json",function(data){ var con=null; var ranking=null; $.each(data,function(InfoIndex,Info){ //InfoIndex表示索引；Info["name"] con="div class="con"div

$.getJSON与$.each结合使用：来获取json格式数据

在HTML页面中：

$.getJSON("ajax/rank_data.json",function(data){

var con=null;
var ranking=null;
$.each(data,function(InfoIndex,Info){ //InfoIndex表示索引；Info["name"]
con="<div class="con"><div class="portrait" style="background:url("+Info["url"]+") no-repeat; background-position:center center;"></div><p class="news"><span class="username"><strong>"+Info["name"]+"</strong></span><em>"+Info["class"]+"</em><span class="fen"><strong>"+Info["score"]+"</strong>分</span></p></div>";
$(".rank_news").append(con);

if(InfoIndex>2){
ranking="<div class="ranking"><strong>第"+(InfoIndex+1)+"名</strong></div>";
$(".sidebar").append(ranking);
}

});

});

在json页面中：

[{"name":"wen","class":"dsajf","score":"120"},{"name":"小小","class":"jyf","score":"100"}]

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!