Javascript — исправить руль JS не работает на стороне клиента

исправить руль JS не работает на стороне клиента

Я пытаюсь использовать шаблоны руля. Я использовал Express-handlebars для своего сервера, и я хочу использовать handlebars js для рендеринга на стороне клиента.

Это скрипт для шаблона руля.

 {amp}lt;script id="some-template" type="text/x-handlebars-template"{amp}gt; {amp}lt;div class="row"{amp}gt; {{#each result}} {amp}lt;!-- product --{amp}gt; {amp}lt;div class="col-md-4 col-xs-6"{amp}gt; {amp}lt;a href="/product/{{_id}}"{amp}gt; {amp}lt;div class="product"{amp}gt; {amp}lt;div class="product-img"{amp}gt; {amp}lt;img src="{{picture}}" style="height:160px;"{amp}gt; {amp}lt;div class="product-label"{amp}gt; {{#if percent}} {amp}lt;span class="sale"{amp}gt;{{percent}}%{amp}lt;/span{amp}gt; {{/if}} {amp}lt;span class="new"{amp}gt;NEW{amp}lt;/span{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;div class="product-body"{amp}gt; {amp}lt;p class="product-category"{amp}gt;{{category}}{amp}lt;/p{amp}gt; {amp}lt;h3 class="product-name"{amp}gt;{amp}lt;a href="/product/{{this._id}}"{amp}gt;{{this.title}}{amp}lt;/a{amp}gt;{amp}lt;/h3{amp}gt; {amp}lt;h4 class="product-price"{amp}gt;${{this.price}} {amp}lt;del class="product-old-price"{amp}gt;${{this.discounted_price}}{amp}lt;/del{amp}gt;{amp}lt;/h4{amp}gt; {{#if this.averagerating}} {amp}lt;/div{amp}gt;{amp}lt;/a{amp}gt; {amp}lt;/div{amp}gt; {{/each}} {amp}lt;/div{amp}gt; {amp}lt;/script{amp}gt; 

Для клиентской стороны

  {amp}lt;script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X 965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH 8abtTE1Pi6jizo" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; {amp}lt;script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.4.2/handlebars.js" integrity="sha256-hSzapznWRy/aOZkctlN03an9DxCLlN8ZCQS0lxntiHg=" crossorigin="anonymous"{amp}gt;{amp}lt;/script{amp}gt; $('#mybutton').click(function(){ var post_url = $('#myform').attr("action"); var form_data = $('#myform').serialize(); // console.log(post_url, form_data); var source = $("#some-template").html(); var template = Handlebars.compile(source); $('#loader').show(); $.get( post_url, form_data, function( response ) { $("#searchresult").html(""); console.log(response); var data = template({result:response}); console.log(data); $("#searchresult").html(data); //$('#loader').hide(); }); 

Мой response — массив с объектом внутри, например: [ {title:"Black Cap", price:60}] . Но на странице ничего не видно !!! data которые я должен отправить в виде HTML, отображаются так:

 {amp}lt;div class="row"{amp}gt; {amp}lt;/div{amp}gt; 

Пожалуйста помоги. Спасибо

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector