$.ajax({
    type: "GET",
    cache: true,
    dataType: "json",
    url: "/api/getProducts",
    error: function(request) {
        console.log(request);
    },
    success: function(res) {
    console.log(res);
      var html = '';
      var html_x = '';
      for (var i = 0; i < res.data.types.length; i++) {
            html_x +='<li data-filter="'+res.data.types[i].id+'">'+res.data.types[i].name+'</li>'
        }
        html_x +='<li class="cur" data-filter="all">'+'全部'+'</li>'
        
      for (var i = 0; i < res.data.products.length; i++) {
            html +='<a href="/product/detail?id='+res.data.products[i].id+'">'
            html += '<div class="filtr-item" data-category="'+res.data.products[i].type+'">';
            html += '<div class="hovereffect">';
            html += '<img class="img-responsive" src="' + res.data.products[i].img[0].img + '" >';
            html += '</div>';
            html += '<span class="item-desc" style="font-size:14px;color:#777777;">' + res.data.products[i].title + '</span>';
            html += '<span class="item-desc" style="font-size:14px;color:#c4c4c4;">' + res.data.products[i].desc.substr(0, 15) + '...</span>'; 
            html += '</div>';
            html += '</a>';
        }
       $(".con_rh ul").html(html_x);
       $(".filtr-container").html(html);
       $('.filtr-container').filterizr();
       $(".con_rh ul li").click(function() {
        $(this).addClass("cur").siblings().removeClass("cur");
        });
    }
});