1. 首頁
  2. 問答
  3. 使用Javascript

使用Javascript

2015-12-23 100 views
0

如何綁定JSON數據到跨標籤我有一個像下面使用Javascript

[ 
{"label":"Finder1","count":3}, 
{"label":"Finder2","count":1}, 
{"label":"Finder1 & Finder2","count":1} 
]

我想表明在span標籤在前端的數據JSON。 爲前：

Finder1 (3) 
Finder2 (1) 
Finder1 & Finder2 (1)

請大家幫我這個小Java腳本來實現這一目標。 enter image description here

來源

2015-12-23 sen

回答

2

試試這個：循環訪問數據並用它構造所需的字符串。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
    <script type="text/javascript"> 
 
    var counter = 0; 
 
    $(function(){ 
 
    \t var arr=[ 
 
    \t {"label":"Finder1","count":3}, 
 
    \t {"label":"Finder2","count":1}, 
 
    \t {"label":"Finder1 & Finder2","count":1} 
 
    \t ]; 
 
     var str=''; 
 
    \t $.each(arr,function(index){ 
 
     str=str+arr[index].label+" ("+arr[index].count+")<br>"; 
 
    \t }); 
 

 
    \t $("#data").html(str); 
 
    }); 
 
    </script> 
 

 
    <body> 
 
    <span id="data"></span> 
 
    </body>

來源

2015-12-23 13:11:23

+0

謝謝素集....有人預計 – sen

1

用一個簡單的map：

var html = '<span>' + arr.map(function (el) { 
    return [el.label, ' (', el.count, ')'].join(''); 
}).join('<br/>') + '</span>'; 

document.body.insertAdjacentHTML('beforeend', html);

DEMO

來源

2015-12-23 13:15:16 Andy

+0

謝謝aundy..it幫我開車細調。 – sen

相關問題

 相關問題