Fórum Academy - Retornar dados via ajax

Criador Rogerio alexandre 14/08/2022

Saudações, estou tentando fazer uma requisição utilizando o ajax mas não estou conseguindo chegar no Controller.

Se puderem me indiquem um conteúdo para resolver essa situação (enviar dados via jquery e mostrar o resultado em uma label).

Desde já obrigado.

Na rota:

       Route::get('get-tipp/{idtipo}','ResultadosController@getTipo')->name('get-tipp/{idtipo}');

No arquivo da view:

<div class="row">
     <div class="col-md-12">
         <div class="form-group">
              <label for="exampleSelect">teste</label>
              <select name="selectTipo" id="selectTipo" class="form-control" id="exampleSelect">
              <option value='par'>par</option>
              <option value='impar'>impar</option>
              </select>
          </div>
          <label id="labelrecebido">teste</label>
      </div>
</div>
 
... <!-- na @section('scripts') -->
 
<script>
        $('select[name=selectTipo]').change(function () {
            var idtipo = $(this).val();
            $.get('/admin/get-tipp/' + idtipo, function (cidades) {
                $('select[name=labelrecebido]').empty();
                $.each(cidades, function (key, value) {
                    $('select[name=labelrecebido]').append(value.id);
                });
            });
        });
</script>
 
 

No controller:

public function getTipo(Request $request)
    {
       dd('chegou no controller');
// aqui viria o tratamento do request e a esposta para a view
    }

3 comentários

Criador Rogerio alexandre 14/08/2022

Esqueci do colocar o erro:
GET http://127.0.0.1:8000/admin/get-tipp/impar 500 (Internal Server Error)

Manager Carlos Ferreira 14/08/2022

Olá, Rogerio!
Tudo bem?

Super recomendo Vue.js com o axios, aqui na plataforma tem vários cursos com essas duas tecnologias.

Essa sua rota, está em routes/api.php?
Se não tiver, vai ter problemas com CORS.

Vou precisar de mais detalhes para te ajudar a identificar o erro. Abra o DevTools do Browser (F12), e vá na guia Network (marque a opção XRH) e faça a request, após isso me diga qual a mensagem de erro.

No aguardo de mais detalhes.

Criador Rogerio alexandre 14/08/2022

Obrigado Carlos,

Vou seguir sua orientação.

Já estou vendo o curso de Vue.js. Se pintar dúvidas no caminho postarei.

Obrigado pela atenção.