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>
