What is the best way to display data from an ajax request?

Question

JavaScript

I parse the received data in this way

getData = (data)->
    productContainer = []
    productProperty = []
    for product, i in data
      productContainer.push('<div id="product_' + i + '"></div>')
      for property, value of product
        productProperty.push('<div class="product__' + property + '">' + property + ' - ' + value + '</div>')

How to output data like this:

<div id="product_0">
    <div class="product__prop1">prop1 - stuff</div>
    <div class="product__prop2">prop2 - stuff</div>
    <div class="product__prop3">prop3 - stuff</div>
    <div class="product__prop4">prop4 - stuff</div>
</div>

what not to work with the house every iteration?

Answer 1

Just use a template engine:
- Handlebars.js
- Dust.js