Preciso passar parâmetros na URL do AJAX para poder filtrar o nome do produto pesquisado. Ou seja, eu tenho um campo tipo text
e quando a pessoa digita ele já mostra o produto digitado, igual a busca do Facebook.
Como que eu passo estes parâmetros?
Segue o código:
$("#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);
}
});
}
});
Se eu passar assim:
url: 'http://api.teste/store/produtos?filter[categoria_id]=' + idcategoria, method: 'GET', dataType: 'json', data: { queryString: "" + buscarProduto + "" }
console.log(retorno)
dentro da callbacksuccess
?