Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/439.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用Javascript循环遍历外部JSON文件数据?_Javascript_Json - Fatal编程技术网

如何使用Javascript循环遍历外部JSON文件数据?

如何使用Javascript循环遍历外部JSON文件数据?,javascript,json,Javascript,Json,嗨,我正在尝试使用Javascript逐个循环显示JSON文件数据。但是我做不到。我可以一次显示所有数据,甚至可以使用Javascript切片函数显示第一个数据 如何循环并一次显示一个数据。请在下面找到我的代码。现在,这段代码将显示的数据限制为1,如果我删除slice函数,我可以看到整个数据 $(document).ready(function(e) { //jobs('experiment','assets/js/job.json'); $('.announce-section').addC

嗨,我正在尝试使用Javascript逐个循环显示JSON文件数据。但是我做不到。我可以一次显示所有数据,甚至可以使用Javascript切片函数显示第一个数据

如何循环并一次显示一个数据。请在下面找到我的代码。现在,这段代码将显示的数据限制为1,如果我删除slice函数,我可以看到整个数据

$(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+>); }); }); });
两种方式:

  • 容器中只放置一个div和change字段,如image、description等

  • 根据数据生成div容器,如果有四名员工,则生成四个div,并循环滑动


  • 你的意思是将json格式化并显示为html?你可能想发布一个fiddleyeah,我已经将json格式化为html了。我要问的是,我有4名数据员工。我想一次显示每个员工的数据,稍微有点延迟。现在,我可以显示所有的数据,而不使用切片功能。我还能够使用slice函数仅显示第一个员工数据。但当我到达最后一位员工时,如何显示一位员工的数据,然后显示下一位员工的数据。我想再次向大家展示第一个员工然后是连续操作Nick Karnik我有很多资源可以发布到Fiddle中我想知道如何在解析时在每次调用之间设置延迟。我正在尝试第一个,每次都尝试替换数据。如何在两次替换之间设置延迟创建一个字段来存储所有数据,创建一个临时字段来存储当前索引。索引++,索引--;指数=5=5%4=1;让我们兄弟来聊聊吧