Home/ Questions/Q 6675197
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T03:49:28+00:00

Suppose I got a div that uses AJAX to retrieve prices and information about

  • 0

Suppose I got a div that uses AJAX to retrieve prices and information about products, and appends the new products to current results.

<div id="product">
<div class="label">Price: <div class="price">$10.90</div></div>
<div class="label">Sales Price: <div class="price">$9.90</div></div>
</div>

I can do:
1) Get the price and data only. Then iterate through these results and have the Javascript create the div dynamically for each product.

Problem with this: If HTML structure for the div changes (say the class for price changes), I potentially need to change it in 2 places. In the static HTML, as well as in the Javascript.

2) Or is it better practice to have the server return the actual HTML to append to the page? But wouldn’t this be messy because the design isn’t separate from business logic, and the actual HTML structure might change?

Or is there a 3rd alternative I’m missing?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can use java-script side templating – there are lots of libraries. I will recommend looking at John Resig’s approach. I believe there is also work going on jquery based template engine.

    You may also read Rick Strahl’s experience here and also the comparison of various template libraries.

    Although java-script based templating is elegant solution to your problem, if you have to support java-script disabled scenario then your option #2 is good bet. Generally, you use server side templating to generate the html for first request as well as ajax request (so html structure is maintained only at one place i.e. server side template). Of course, in js-disabled scenarios, your ajax calls will become regular POST requests.

    • 0