如何在JavaScript中使用c：foreach like循环在jsp的标签中添加arralist元素？

Question

JSP页面中有文本框，通过提供产品名称，我从servlet获得产品列表。产品可以是1种以上的方法，如何使用javascript帮助在JSP中像c：foreach循环（JSTL）那样填充它们，例如显示带有图像，产品名称，价格和ID的块。 这是JSP页面代码。

<remove>
 <div class="col-sm-12 col-md-6 col-lg-4 p-b-50" id="getit">
     <!-- Block2 -->
 <div class="block2" >
  <div class="block2-img wrap-pic-w of-hidden pos-relative block2-labelnew">
           <img scope="col" src="subimages/${lop.imagename}" alt="IMG-PRODUCT"id="imagename">
     <div class="block2-overlay trans-0-4">
     <a href="#" class="block2-btn-addwishlist hov-pointer trans-0-4">
       <i class="icon-wishlist icon_heart_alt" aria-hidden="true"></i>
        <i class="icon-wishlist icon_heart dis-none" aria-hidden="true"></i>
           </a>
           <div class="block2-btn-addcart w-size1 trans-0-4">
                  <!-- Button -->
       <button class="flex-c-m size1 bg4 bo-rad-23 hov1 s-text1 trans-0-4">
                  Get It
          </button>
         </div>
        </div>
       </div>
            <div class="block2-txt p-t-20">
        <po scope="col" class="block2-sid" id="sid">${lop.sid}</po>
         <a href="#" class="block2-name dis-block s-text3 p-b-5" id="name">
                 <jack id="productname" scope="col"> ${lop.name}</jack>
             </a>
                <span class="block2-price m-text6 p-r-5" id="price">
                         <a3  scope="col">${lop.price}</a3>
                 </span>
             </div>
       </div>
   </div>

这是javascript代码，该代码如何编写代码以填充产品的下一个各自的块，所有值都在一个块中出现

 $('.searchbutton').click(function () {
                $.get('productsearchjson2', {searchtext: $('#gettext').val()}, function (responsetext) {
                    if (responsetext !== null) {
                        var han = $('#getit');
                        $('.block2').find('#imagename').remove();
                        $('.block2').find('#sid').remove();
                        $('.block2').find('#productname').remove();
                        $('.block2').find('#price').remove();
                                        $.each(responsetext, function (key, value) {
                            var allvalue = $("<remove><img/><po></po><jack></jack><a3></a3></remove>");
                            allvalue.children().eq(0).val(key).text(value['imagename']);
                            allvalue.children().eq(1).val(key).text(value['id']);
                            allvalue.children().eq(2).val(key).text(value['productname']);
                            allvalue.children().eq(3).val(key).text(value['price']);
                            allvalue.appendTo(han);
                        });

                        alert(responsetext);
                    }
                });
            });