I need to pass parameters in the AJAX URL in order to filter the name of the searched product. That is, I have a field type text and when the person types it already shows the product typed, same as the Facebook search.
How do I pass these parameters?
Follow the code:
$("#buscarProduto").keyup(function (e)
{
e.preventDefault();
$('.item-selecionado').fadeOut();
var buscarProduto = $(this).val();
var idcategoria = $(".active-button").attr("id");
var mostraPesquisa = "";
if(buscarProduto.length == 0)
{
$('.item-selecionado').fadeIn();
}
else
{
$.ajax({
url: 'http://api.teste/store/produtos?filter[categoria_id]=' + idcategoria + '?like[nome]=' + buscarProduto + '',
method: 'GET',
dataType: 'json',
success: function(retorno)
{
$.each(retorno.data, function(i, item)
{
alert(item.nome);
// mostraPesquisa += '<li class=\'item-pesquisado\'><span class=\'\'>Nome do Lanche</span></li>';
})
$('.item-selecionado').fadeIn();
$('.item-selecionado').html(mostraPesquisa);
},
error: function(XMLHttpRequest, textStatus, errorThrown)
{
alert("Status do Servidor: " + textStatus);
alert("Erro do Servidor: " + errorThrown);
}
});
}
});
If I go like this:
url: ' link ' + idcategory, method: 'GET', dataType: 'json', date: { queryString: "" + findProduct + "" }
returns an empty array. See the image:
