Как я могу нарисовать прямоугольник и привязать данные от Json в page.aspx?

Question

У меня есть страница.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/

ехр: