Как мне выполнить динамическую c частичную страницу на шаблоне Pug Js - PullRequest
Новая
       9

Как мне выполнить динамическую c частичную страницу на шаблоне Pug Js

0 голосов
/ 03 марта 2020

У меня есть страница с функцией поиска, которая должна отображать результаты поиска в зависимости от события нажатия клавиши в реальном времени. Как я могу только частично отобразить результат поиска? Это кажется динамическим c привязка данных работает, в настоящее время результатом является вся строка JSON. 

    $("#search_bar").keyup(function(){
        var search_term = $( "#search_bar" ).val();
        $.ajax({
            async: false,
            url: 'stores/searching/:/term',
            data: {term:search_term} ,
            type: 'get',
            dataType: 'json',
            contentType: 'application/json; charset=utf-8',
            success: function (response) {
                //load partial data
               var data = JSON.stringify(response);
                console.log(data);
                $('.container__stores').empty();
                $('.container__stores').html(data);

            },
            error: function () {
                //log error
                alert("error");
            } 
        }).then(function (data) {

        });
    });


   each advertiser in records
        div(class="row")
            div(class="col--stores mg-auto col col-lg-3 col-md-3 col-xs-12")
                a(href= advertiser.link)
                    img(class="image__advertiser",src = advertiser.logo)
            div(class="col--stores mg-auto col col-lg-3 col-md-3 col-xs-12")
                p #{advertiser.reward} 
            div(class="col--stores mg-auto col col-lg-3 col-md-3 col-xs-12")
                a(href=advertiser.link, class="button button--light button--small") Shop Now
        hr
...