jquery - page.aspxでJsonから四角形を描画してデータをバインドするにはどうすればよいですか?

Question

page.aspx があります。ページに四角形を描画できるかわかりません。例: JSON からのデータ:{name:Food;name:Candy;name:Water;name:Meat;......} および数値データ名のカウントを持つ矩形バインド データ。ここでは、4 つの名前データと 4 つの四角形があります。

10個の名前データがある場合、10個の長方形があり、次のように描画したい

これについて知っている場合は、私と共有してください。(ajax jquery を使用できます) どうもありがとうございました。

Answer 1

試す：

var obj = {name:['Food','Candy','Water','Meat']}
$.each(obj.name,function(i,v){
   $('ul').append('<li>'+v+'</li>');
});

https://jsfiddle.net/zztougcb/

式: