Estoy tratando de editar datos en un modal para no estar recargando la pagina pero no se como podría mandarle los datos a través de jquery.
Lo intente de esta forma pero no se como podria mandarle o indicarle que me tome los 2 parametros que son id_enlace y periodo para que me identifique un registro y me mande esos datos a mi modal para luego poder editarlos pero no se como puedo realizarlo estos son mis 2 valores que quiero capturar en mi ajax pero no se como {{$datos->id_enlace}} y {{ ($datos->periodo)}} para poder ir al controlador y hacer la consulta para que me traiga los datos que quiero y poderlos mostrar en el modal
este es mi datatables con los datos
<div class="box" align="center">
<div class="box-body">
<div class="content">
<table id="example" class="display" style="width:100%">
<thead>
<tr>
<th>PROVEEDOR</th>
<th>DESC_ENLACE</th>
<th>NO_FACTURA</th>
<th>ID_ENLACE</th>
<th>VALOR_PAGO</th>
<th>PERIODO</th>
<th>FECHA_FACTURA</th>
<th>OPCIONES</th>
<th>OPCIONES</th>
</tr>
</thead>
<tbody>
@foreach($datos as $datos)
<tr>
<td>{{$datos->proveedor}}</td>
<td>{{$datos->desc_enlace}}</td>
<td>{{$datos->no_factura}}</td>
<td>{{$datos->id_enlace}}</td>
<td>{{$datos->valor_pago}}</td>
<td>{{ \Carbon\Carbon::parse($datos->periodo)->format('d-m-Y')}}</td>
<td>{{ \Carbon\Carbon::parse($datos->fecha_factura)->format('d-m-Y')}}</td>
<td>
<button type="button" href="{{ route('datos_modal',$datos->id_enlace.'/'.$datos->periodo)}}" class="btn btn-primary" id="myModall" href="#updateUser" data-toggle="modal" data-target="#myModal">Editar</button>
</td>
<td>
<a href="{{url('eliminar/'.$datos->id_enlace.'/'.$datos->periodo)}}" class="btn btn-danger active" role="button" aria-pressed="true">Eliminar</a>
</td>
</tr>
@endforeach
</tbody>
</table>
Este es mi ajax donde quiero recibir mis 2 variables que son id_enlace y periodo pero no se en el boton datatables como puedo hacer para que me envie esos datos aqui para luego hacer la consulta en mi controlador
<script>
$(document).on("click","#myModall", function(){
var loc = $(this).attr('href');
var date= $(this).val();
$.ajax({
url:loc,
data: date,
method: 'GET',
cache: false,
contentType: false,
processData: false,
dataType: "json",
success: function(data){
console.log(data);
alert('todo bien');
},
error : function(xhr, status) {
console.log(status);
alert('Disculpe, existió un problema');
},
})
})
</script>
Esta es mi ruta para hacer la consulta
Route::GET('datos_modal',[
'as'=>'datos_modal',
'uses'=>'vista@modal'
]);
este es mi controlador donde mando los dos datos capturados para obtener los datos de quiero para luego retornar los valores obtenidos y mandarlos a mi vista donde tengo el modal
public function modal($id_enlace,$periodo)
{
$modal = importar::select('proveedor', 'desc_enlace', 'no_factura', 'id_enlace', 'valor_pago', 'periodo', 'fecha_factura', 'fecha_ingreso')
->where('ID_ENLACE', $id_enlace)->where('PERIODO', $periodo)->get();
return back()->with('message')->with(
[
'modal' => $modal
]
);
}
este es mi modal en el cual quiero mostrar los datos que obtengo en el controlador pero no se como hacerlo
@foreach($modal as $modal)
<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<center><h4 class="modal-title">Editar_Cliente</h4></center>
</div>
<div class="modal-body">
<form>
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputEmail4">Proveedor</label>
<input type="text" class="form-control" value="{{ $modal->proveedor}}"id="inputEmail4">
</div>
<div class="form-group col-md-6">
<label for="inputPassword4">Id_enlace</label>
<input type="text" class="form-control" value="{{$modal->id_enlace}}" id="inputPassword4">
</div>
</div>
<div class="form-group">
<label for="inputAddress">Desc_enlace</label>
<input type="text" class="form-control" value="{{$modal->desc_enlace}}"id="inputAddress" placeholder="1234 Main St">
</div>
<div class="form-group">
<label for="inputAddress2">Valor_pago</label>
<input type="text" class="form-control" id="inputAddress2" value="{{$modal->valor_pago}}"placeholder="Apartment, studio, or floor">
</div>
<div class="form-row">
<div class="form-group col-md-6">
<label for="inputCity">Periodo</label>
<input type="text" class="form-control" value="{{$modal->periodo}}"id="inputCity">
</div>
<div class="form-group col-md-6">
<label for="inputCity">Fecha Factura</label>
<input type="text" class="form-control" value="{{$modal->fecha_factura}}"id="inputCity">
</div>
<br>
<br>
<br>
<br>
<br>
</div>
<center><button type="submit" class="btn btn-primary">Enviar</button></center>
</form>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
@endforeach