ajax Cadastro Ajax + Laravel

[Alesson Mendes 0]

Fala galera,

Sou novato em Desenvolvimento Web, e estou precisando fazer uma inserção de dados sem atualizar a pagina.

Preciso alterar varios valores de uma tabela, portanto fiz um table e dentro dele coloquei um form nos campos que desejo editar.

O problema que quero utilizar a funçao onblur para fazer o submit a cada alteração. Consegui fazer isto definindo a rota no formulário e criando uma função javascript onblur.

Porém ele manda para meu php, onde insere os dados mas redireciona a rota.

vi em varios outros foruns, mas nao consegui implementar o AJAX no meu projeto.

Conseguem me dar uma mão na no codigo, como utilizo o AJAX com o laravel.

Muito obrigado

 

 

<script type="text/javascript">
    $(document).ready(function(){
        $("#prest").on('blur', function() { //evento de sair de foco do edit
            
            var valor = $('#prest').val();

         $('#form').submit();//efetua submit no formulario
        });
           
    });
</script>

 

 

 

<table>
            <thead>
                <tr>
                    <th>Cotação</th>
                    <th>Codigo</th>
                    <th>Descrição</th>
                    <th>Cod Barras</th>
                    <th>Qtde Cotação</th>
                </tr>
            </thead>

            <tbody>
                @foreach($registros as $registro)
                <tr>
                    <td>{{ $registro->prod_codigo }}</td>
                    <td>{{ $registro->prod_descricao }}</td>
                    <td>{{ $registro->prod_barras}}</td>
                    <td>{{ $registro->prod_qtde}}</td>
                    <td>
                        <form action="{{ route('preco.incluir' , $registro->id) }}" method="post" class="" id="form" name="form" enctype="multipart/form-data">
                            {{csrf_field()}}
                            <input type="hidden" name="_method" value="put">
                            <input type="text" name="prest" id="prest" value="" >
                        </form>
                    </td>
                </tr>
                @endforeach
                        </tbody>
                    </table>