如何在javascript中将特定的json值添加到特定的span

时间:2016-01-30 11:44:02

标签: jquery json ajax

我想查看波纹管对象中的一些特定项目。实际上这是json编码格式。数据subject_namemarkexam_name是数据库字段。数据通过对控制器的AJAX调用获取。

HTML

<span class="info-box-icon bg-aqua">FA1</span>
<div class="info-box-content">
  <ul class="top3SubAnlysList">
    <li> <span class="info-box-text pull-left" id="fa1_top1"></span>
      <span class="info-box-number pull-right label label-warning"><small>%</small></span></li>

    <li><span class="info-box-text pull-left" id="fa1_top2"></span>
      <span class="info-box-number pull-right label label-danger"><small>%</small></span></li>

    <li><span class="info-box-text pull-left" id="fa1_top3"></span>
      <span class="info-box-number pull-right label label-success"><small>%</small></span></li>

  </ul>
</div>

JSON

"top_3":[  
  {  
     "subject_name":"Eng",
     "mark":"9.65",
     "exam_name":"FA1",
  },
  {  
     "subject_name":"math",
     "mark":"9.38",
     "exam_name":"FA1",
   }
  ]
}

AJAX

 $.ajax({
        url:"<? echo base_url();?>student_analysis/get_fa", 
        dataType: 'json',
        type: "POST",
        data: {id:id},      
        success:function(result) {

   }
 });

在此,我想将exam_name fa1的相应主题名称附加到每个span元素。怎么可能?

1 个答案:

答案 0 :(得分:0)

var exeval=top_3[0].exe_name;
$("#spanid").html(exeval);