如何使用Javascript循环遍历外部JSON文件数据?
嗨,我正在尝试使用Javascript逐个循环显示JSON文件数据。但是我做不到。我可以一次显示所有数据,甚至可以使用Javascript切片函数显示第一个数据 如何循环并一次显示一个数据。请在下面找到我的代码。现在,这段代码将显示的数据限制为1,如果我删除slice函数,我可以看到整个数据如何使用Javascript循环遍历外部JSON文件数据?,javascript,json,Javascript,Json,嗨,我正在尝试使用Javascript逐个循环显示JSON文件数据。但是我做不到。我可以一次显示所有数据,甚至可以使用Javascript切片函数显示第一个数据 如何循环并一次显示一个数据。请在下面找到我的代码。现在,这段代码将显示的数据限制为1,如果我删除slice函数,我可以看到整个数据 $(document).ready(function(e) { //jobs('experiment','assets/js/job.json'); $('.announce-section').addC
$(document).ready(function(e) {
//jobs('experiment','assets/js/job.json');
$('.announce-section').addClass('zoom');
$.getJSON("assets/js/job.json", function( result ){
$('#wrapper header').html(result.title);
$('#wrapper h2').html(result.subtitle);
var rlength = result.jobs.length;
alert(rlength);
$.each(result.jobs.slice(0,1), function(key, field){
var jlength = result.jobs.length;
var img = field.image;
$('.pattren').append('<div class="data screen'+key+'"></div>');
if(img !='')
{
$('.pattren .data').append('<img src="assets/img/'+field.image+'" />');
}
$('.pattren .data').append('<ul><li>'+field.label_1+'<span>'+field.description_1+'</span></li><li>'+field.label_2+'<span>'+field.description_2+'</span></li><li>'+field.label_3+'<span>'+field.description_3+'</span></li><li>'+field.label_4+'<span>'+field.description_4+'</span></li></ul>');
});
});
});
$(文档).ready(函数(e){
//jobs('experience','assets/js/job.json');
$('.announcesection').addClass('zoom');
$.getJSON(“assets/js/job.json”,函数(结果){
$('#包装头').html(result.title);
$('#wrapper h2').html(result.subtitle);
var rlength=result.jobs.length;
警报(RLE长度);
$.each(result.jobs.slice(0,1),函数(键,字段){
var jlength=result.jobs.length;
var img=field.image;
$('.pattren')。追加(''');
如果(img!='')
{
$('.pattern.data')。追加('');
}
$('.pattern.data').append('- '+field.label\u 1+''+field.description\u 1+'
- +field.label\u 2+'+field.description\u 2+'
- 标签\u 4++field.description\u 4+>);
});
});
});
两种方式:
你的意思是将json格式化并显示为html?你可能想发布一个fiddleyeah,我已经将json格式化为html了。我要问的是,我有4名数据员工。我想一次显示每个员工的数据,稍微有点延迟。现在,我可以显示所有的数据,而不使用切片功能。我还能够使用slice函数仅显示第一个员工数据。但当我到达最后一位员工时,如何显示一位员工的数据,然后显示下一位员工的数据。我想再次向大家展示第一个员工然后是连续操作Nick Karnik我有很多资源可以发布到Fiddle中我想知道如何在解析时在每次调用之间设置延迟。我正在尝试第一个,每次都尝试替换数据。如何在两次替换之间设置延迟创建一个字段来存储所有数据,创建一个临时字段来存储当前索引。索引++,索引--;指数=5=5%4=1;让我们兄弟来聊聊吧