3

Tenho uma dúvida em como filtrar resultados provenientes de uma API, e gostaria de saber se alguém já teve este problema anteriormente.

Imaginemos que temos que aceder a uma API que está num servidor diferente do nosso e que retorna uma reposta em JSON com uma estrutura semelhante à seguinte

[
{
"nome": "Joshua",
"sex": "M"
},
{
"name": "Marie",
"sex": "F"
},
{
"name": "Frank",
"sex": "M"
}
]

Claro que isto é apenas um exemplo, pois a resposta poderia ser de milhões de resultados. O parametro do callback para iniciar a comunicação JSONP é ?callback=...?.

O que eu gostaria de saber é se há uma forma de filtrar estes resultados, imaginemos que queremos apenas retornar pessoas do sexo masculino (M), sem ter que se fazer uma filtragem do lado do cliente. Lembro que para fazer esta chamada, apenas pode ser feita através de Javascript sem recorrer a outro tipo de linguagem.

A minha primeira ideia seria fazer uma chamada com recurso a jQuery desta forma:

$.ajax({
type: 'GET',
url: "https://url-to-api?callback=?",
async: false,
jsonpCallback: 'jsonCallback',
contentType: "application/json",
data:{'sex':'M'},
dataType: 'jsonp',
success: function(json) {
console.dir(json);
},
error: function(e) {
console.log(e.message);
}

Alguém sabe uma forma de se fazer uma filtragem ao fazer o request?
Desde já agradeço a disponibilidade.

6
  • Esse é o Stack Overflow em Português, traduza sua pergunta ou poste no Stack Overflow.
    – Jéf Bueno
    Commented 18/10/2015 às 3:45
  • Peço desculpa, nem tinha dado conta disso.
    – Nocktu
    Commented 18/10/2015 às 3:56
  • Tranquilo cara.
    – Jéf Bueno
    Commented 18/10/2015 às 3:56
  • Já agora, se souberes como resolver o meu problema... ;)
    – Nocktu
    Commented 18/10/2015 às 3:58
  • Estou tentando entender, comecei há pouco com javascript. Do jeito que você tentou não funcionou?
    – Jéf Bueno
    Commented 18/10/2015 às 4:00

2 Respostas 2

1

Se o site onde vais buscar o JSON não permitir parâmetros de filtragem então tens de fazer isso no lado do cliente.

Dá uma olhada na API desse site.

Fazendo a filtragem no lado do cliente podes usar o .filter(). Verifica se o JSON que o site ter passa é processado como JSON ou já como array, vou incluir essa verificação no exemplo em baixo:

var parametroFiltragem = 'M';
$.ajax({
    type: 'GET',
    url: "https://url-to-api?callback=?",
    jsonpCallback: 'jsonCallback',
    contentType: "application/json",
    dataType: 'jsonp',
    success: function (json) {
        if (typeof json == 'string') json = JSON.parse(json);
        var filtrados = json.filter(function(obj){
            return obj.sex == parametroFiltragem;
        });
        // fazer algo somente com os "filtrados"
    },
    error: function (e) {
        console.log(e.message);
    }
});
16
  • A tua solução funciona. E foi aquilo q tinha pensado inicialmente. A questão é que aqui há até 6 paramentros de pesquisa.E a pesquisa pode até ser algo complexa.Por exemplo, é necessário filtrar por preço (maior,menor,entre) e mais outros tipos de combinação. Será uma boa solução em termos de performance?A única informacao que tenho da API é a seguinte: The tool itself should allow for the user to perform simple filtering based on the criteria listed.The filtering options should be appropriate for its type (numerical etc.).The callback parameter to initiate JSONP communication is “?callback=”
    – Nocktu
    Commented 18/10/2015 às 10:44
  • @Ma1990 por essa descrição em Inglês dizem que dá para fazer filtragem. Podes mostrar o link para a documentação?
    – Sergio
    Commented 18/10/2015 às 11:03
  • Não tenho qualquer documentação. O único que tenho é o URL da API.
    – Nocktu
    Commented 18/10/2015 às 11:08
  • @Ma1990 e qual é o url?
    – Sergio
    Commented 18/10/2015 às 11:11
  • @Ma1990, estive a dar uma olhada pelo site da ndivia e não encontro nada que indique parametros para filtrar. Como descobriste essa API? não tens onde perguntar?
    – Sergio
    Commented 18/10/2015 às 13:04
0

Acho que o código abaixo pode ser o que você está procurando:

$.ajax({
    type: 'GET',
    url: "https://url-to-api/pagina",
    data: {
        sex: "M"
    },
    dataType: "jsonp",
    crossDomain: true,
    cache: false,
    success: function (json) {
        alert(json);
    },
    error: function (e) {
        alert(e.statusText +": "+ e.status);
    }
});

No seu comentário você falou que a requisição vai ser feita para outro domínio, para isso ativamos o crossDomain, recurso que permite realizar requisição ajax para outros domínios.

Neste caso por default desativei o cache, porém, fica a seu critério utilizar ou não.

No parametro data apenas retirei as aspas da palavra "sex".

Obs: "o seu filtro por sexo só vai funcionar se a API que está do outro lado tiver implementado este parâmetro como filtro, do contrário você terá que retornar todos os dados e criar o filtro do lado do cliente."

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .