Có cách nào để sử dụng biến của js như biến trong jstl không?

> <c:forEach var="list" items="${listbook}" >
>      <div class="col-sm-4">
>                 <div class="product-image-wrapper">
>                     <div class="single-products">
>                         <div class="productinfo text-center">
>                             <p>${list.productName}</p>
>                             <p>shop ${list.shopId.shopName}</p>
>                             <p>vote ${list.totalVote}</p>
>                         </div>
>                     </div>
>                     <div class="choose">
>                         <ul class="nav nav-pills nav-justified">
>                             <li><a href="#"><i class="fa fa-plus-square"></i>Add to wishlist</a></li>
>                             <li><a href="#"><i class="fa fa-plus-square"></i>Add to compare</a></li>
>                         </ul>
>                     </div>
>                 </div>
>             </div>
> </c:forEach>

VD : như trên là mình sử dụng jstl để tạo ra các khối lệnh biến đầu vào lấy từ httpserletrequest , bây giờ mình muốn hỏi là có cách nào mà dùng javascript viết mà kết quả tạo ra giống như đoạn lệnh trên vì mình dùng ajax để lấy json từ server lên rồi mới dùng dữ liệu đó để view lên trang web

mình có tìm gg nhưng toàn phải viết bằng cách dùng string html rồi chạy string đó trong <script></script> hoặc dùng thư viện jquerry để tạo , có cách nào mà sử dụng biến của js kiểu như trong cái vd trên không ,