Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

autocomplete

Bom dia, beleza?

seguinte, estou tentando criar um autocomplete com jquery Ui mas quando começo a escrever no input ele me retorna varios resultados vazios. .

No caso dentro da minha classe do meu Controller, estou criando um metodo ajax que me passa todos os 'names da minha tabela e esse metodo esta associado a uma URL que chamo dentro do meu .autocomplete chamada de /teste

<!DOCTYPE html>
<html lang="pt">
  <head>
    <meta charset="utf-8" />
    <title>jQuery UI Example Page</title>
    <link href="css/jquery-ui.css" rel="stylesheet" />
  </head>
  <body>
    <div>
      <input id="autocomplete" class="mySearch" title='type "a"' />
    </div>

    <script src="external/jquery/jquery.js"></script>
    <script src="js/jquery-ui.js"></script>
    <script>


      $("#autocomplete").autocomplete({
        source: function(request, response) {
          $.ajax({
            url: "/teste",
            type: "get",
            dataType: "json",

          }).done(function(data) {
            if(data.length > 0){

              response($.each(data, function(key, item) {

                var nome = [item.name];
                console.log(nome);
              }))

            };
          });
        }
      });
    </script>
  </body>
</html>

php

   public function ajax (Request $request)
    {
        $user = User::all('name');


        return response()->json($user);
    }
2 respostas
solução!

Olá Natan blz?

Olha eu fiz um código aqui para te ajudar, porem ele não ta em PHP, mas a implementação não é pra ser difícil blz!!

você pode até ver que nem usei o asp eu só não tinha como rodar no PHP aqui.

teste.asp

<!DOCTYPE html>
<html lang="pt">
  <head>
    <meta charset="utf-8" />
    <title>jQuery UI Example Page</title>
  </head>
  <body>
    <div>
      <input id="autocomplete"  />
    </div>

    <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script type="text/javascript">
        $( document ).ready(function() {
              $.ajax({
                url: "./web.asp",
                type: 'POST',
                contentType: 'application/json',

              }).done(function(data) {

                  $( "#autocomplete" ).autocomplete({
                     source: eval(data)
                 });

              });
          });
    </script>
  </body>
</html>

web.asp

[
  "ActionScript",
  "AppleScript",
  "Asp",
  "BASIC",
  "C",
  "C++",
  "Clojure",
  "COBOL",
  "ColdFusion",
  "Erlang",
  "Fortran",
  "Groovy",
  "Haskell",
  "Java",
  "JavaScript",
  "Lisp",
  "Perl",
  "PHP",
  "Python",
  "Ruby",
  "Scala",
  "Scheme"
]

Apenas uma dica, quando postar dúvidas nos fóruns tente usar links externos de JQuery ou qualquer outra coisa que esteja usando, facilita para quem quiser ajudar.

flw ; /

Bom dia Brian, beleza?

exatamente isso que eu precisava, só alterei o type de POST para GET pois com POST me dava erro 405