如何在 page.aspx 中绘制矩形并绑定来自 Json 的数据?

How can i draw rectangle and bind data from Json in page.aspx?

我有一个page.aspx。我不知道我可以在页面中绘制矩形。 示例:来自 JSON 的数据:{name:Food;name:Candy;name:Water;name:Meat;......} 和矩形绑定数据与数字数据名称的计数。在这里,我有 4 个名称数据,然后是 4 个矩形,

如果我有 10 个姓名数据,然后有 10 个矩形,我想按如下方式绘制它们

如果你知道这件事,请与我分享。(可以使用ajax jquery) 非常感谢。

尝试:

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

https://jsfiddle.net/zztougcb/

exp: