1. java
  2. android
  3. c#
  4. .net
  5. javascript
  6. php
  7. jquery
  8. html
  9. sql

Autocomplete JSP e JavaScript

Aew galera, to tentando fazer um autocomplete, utilizando uma busca ao banco, fazendo chamada à action através de json. Ele vai lá buscar a lista, mas na hora de voltar na tela, ele fica só com o loading girando, e não mostra a lista com as opções.

Como está a chamada no JavaScript:

$("#item").autocomplete({
    source : '/.../listAllOrganizationsAutoComplete?keyword=' + item.toString(),
    scroll: true,
    scrollHeight: 10,
    maxHeight: 10,
    width: 280,
    selectFirst: true
});

E no JSP:

<li class="label">Item:</li>
<li><input type="text" autocomplete="on" id="item"></li>

Alguém sabe onde posso estar errando?

a chamada retorna isso:

{

    "creatorId": null,
    "itemCatCode": null,
    "locationId": null,
    "nameTxt": "Base Naval de Aratu edit",
    "objItemId": 401289,
    "updateSeqnr": null

},
{

    "creatorId": null,
    "itemCatCode": null,
    "locationId": null,
    "nameTxt": "Marinha Brasil",
    "objItemId": 403777,
    "updateSeqnr": null

},
  • Está dando algum erro no console do navegador? Se sim, qual?

    lucastody   11 de jul de 2014
  • não da errro. Ele não está passando o que digito para a action =/

    leods   11 de jul de 2014
  • estou pensando em carregar um var com conteudo do banco, e depois buscar nesse var. Mas a questão é que precisaria que fosse var de object, pois mostraria na tela o name do cara, e ao selecionar, e enviar, iria o id daquele name.

    leods   11 de jul de 2014
  • Como que é o JSON que essa URL está retornando? E como você está criando esse JSON no backend? (Edite sua pergunta e coloque o JSON para a gente ver e o código do backend também)

    lucastody   11 de jul de 2014
  • estou usando uma query que já existe como exemplo. esse resultado eh de uma function do banco, que traz esses campos. Mas eu utilizaria uma query que pra cada cara ele traria o id e o nome do cara

    leods   11 de jul de 2014
Mostrar todos os 12 comentários>
  1. Você vai ver essas setas em qualquer página de pergunta. Com elas, você pode dizer se uma pergunta ou uma resposta foram relevantes ou não.
  2. Edite sua pergunta ou resposta caso queira alterar ou adicionar detalhes.
  3. Caso haja alguma dúvida sobre a pergunta, adicione um comentário. O espaço de respostas deve ser utilizado apenas para responder a pergunta.
  4. Se o autor da pergunta marcar uma resposta como solucionada, esta marca aparecerá.
  5. Clique aqui para mais detalhes sobre o funcionamento do GUJ!

2 respostas

Não é a resposta que estava procurando? Procure outras perguntas com as tags ajax ou faça a sua própria pergunta.