使用json循环遍历数组并将得到的值在指定的div显示出内容

使用json循环遍历数组并将得到的值在指定的div显示出内容

html代码

<div id="myId"></div>
<div id="myDay"></div>

js代码

var bb = [
    {"years":"2016","day":"aaa"},
    {"years":"2017","day":"bbb"},
    {"years":"2018","day":"ccc"},
]
var item = '';
//遍历数组 for循环
for(var i=0;i<bb.length;i++){   

   item += bb[i].years;
   item += "-";
   item += bb[i].day;
   item += ","

 }
$("#myId").html(item);

var listday = '';
//遍历数组for in
for(var i in bb){

  listday += bb[i].day;
  listday += ","

}
$("#myDay").html(listday);

console.log(item);

可以用for循环,也可以用for in 循环遍历数组,具体看工作需要;
这里html显示字段里面的值,不能直接 bb[i].years,需遍历出来;
x + = y 相当于 x = x + y;

效果图

在这里插入图片描述

得到后端返回数据信息

<div id="qipa250_evidence"></div>
 //修改指定id的图片的值
var arr = e.data;
console.log('arr', arr);
var item_evidence = '';
for (j = 0, len = arr.length; j < len; j++) {
     console.log(arr[j]);
     item_evidence += arr[j].evidence_name+'<i class="fa fa-hand-o-down"></i>';
     item_evidence += '<div class="form-group"> <img  src="'+arr[j].evidence_url+'" class="order_certificate_img"></div>';
}
$("#qipa250_evidence").html(item_evidence);              

在这里插入图片描述


版权声明:本文为guo_qiangqiang原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。