3

Estou com um problema utilizando o plugin Select2, eu necessito fazer uma requisição AJAX, mas preciso que a URL final seja a seguinte:

api/user/findbyname/name

E a forma que está vindo é esta:

api/user/findbyname/?q=name&_=1395243972884

O meu código está desta forma

ajax: {
    url: "/api/user/findbyname/",
    params: {
        contentType: 'application/json; charset=utf-8'
    },
    dataType: 'json',
    data: function (term) {
        return {
            q: term                    
        };
    },
    results: function (data) {
        console.log(data);
    }
}
2
  • Você está fazendo isso com um form? 19/03/2014 às 15:59
  • Não é um input text na tela mesmo, e não está dentro de um form.
    – fbadaro
    19/03/2014 às 16:00

2 Respostas 2

2

O Select2 usa o ajax do jQuery por baixo dos panos. Quando você usa data ele coloca o resultado na query string [em um GET; no POST ele iria para o corpo da requisição], tal como o método original. Se você quer esse resultado na própria URL (i.e. no path), a solução "natural" seria colocá-lo no campo url:

ajax: {
    url: "/api/user/findbyname/" + term,

E deixar o data vazio. Entretanto, creio que para para isso você não poderá usar o ajax dessa forma, e sim fazer a requisição explicitamente, usando query. Dei uma lida rápida na documentação e nesse exemplo, mas não entendi 100% como ela funciona, mas de qualquer forma sugiro começar por aí. Minha tentativa de solução (não testada) seria:

query: function(query) {
    $.ajax({
        url: "/api/user/findbyname/" + query.term,
        contentType: 'application/json; charset=utf-8'
        dataType: 'json'
    }).done(function(data) {
        console.log(data);
    });
}
3
  • 1
    Usando esta propriedade queryfuncionou, depois tive que fazer no success o options.callback para conseguir trabalhar com os resultados nas outras propriedades do plugin.
    – fbadaro
    20/03/2014 às 19:00
  • @fbadaro Tem razão, esse detalhe me passou despercebido. O exemplo linkado usa query.callback - não sei se é a mesma coisa...
    – mgibsonbr
    20/03/2014 às 19:04
  • Sim sim, é que no meu caso eu montei um objeto options, com as propriedades da minha query. Tks
    – fbadaro
    20/03/2014 às 19:06
-1

Esse plugin vem por padrão com metodo get o que causa isso na URl, trocando pelo metodo post imagino que o problema se resolva, mas é apenas um palpite.

 ajax: {
 type: 'POST',
 url: "/api/user/findbyname/",
 params: {
     contentType: 'application/json; charset=utf-8'
 },
 dataType: 'json',
 data: function (term) {
    return {
        q: term                    
    };
 },
 results: function (data) {
     console.log(data);
 }
 }
1
  • 1
    Trocar o método de GET para POST de fato fará com que os parâmetros saiam da query string e vão para o corpo da requisição. Mas não é isso que o OP quer: ele precisa que o termo de busca esteja no path da URL.
    – mgibsonbr
    19/03/2014 às 16:11

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 .