Estou enfrentando um problema ao retornar uma View para outra View utilizando Ajax.
É me apresentado o seguinte erro no console do Google Chrome:
jquery.min.js:2 POST http://localhost:8000/tbody 500 (Internal Server Error)
send @ jquery.min.js:2
ajax @ jquery.min.js:2
w.fn.load @ jquery.min.js:2
(anonymous) @ people:578
u @ jquery.min.js:2
fireWith @ jquery.min.js:2
k @ jquery.min.js:2
(anonymous) @ jquery.min.js:2
load (async)
send @ jquery.min.js:2
ajax @ jquery.min.js:2
w.(anonymous function) @ jquery.min.js:2
attIndexSearch @ people:575
onclick @ people:275
Esse é o meu código javaScript onde chamo a outra view: Esse código de encontra na View peoples/index.blade.php
<script type="text/javascript">
function attIndexSearch (){
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$.get('/peoples/indexSearch', function (peoples){
document.getElementById("tbody").innerHTML = "";
var search = $("#tbody").val();
$("#tbody").load("tbody", {peoples:peoples});
})
}
</script>
Essa é a rota para chamar a view tbody:
Route::post('tbody', ['as' => 'peoples.tbody', 'uses' => 'PeopleController@tbody']);
Route::get('/peoples/indexSearch', ['as' => 'peoples.indexSearch', 'uses' => 'PeopleController@indexSearch']);
Esse é o código da função tbody no controlador:
public function tbody()
{
return view('peoples.tbody');
}
Esse é o código da função IndexSearch no controlador:
public function indexSearch(People $model, Address $modelA, Request $request)
{
$nameOrcpf = $request->nameOrcpf;
$type_person = $request->type_person;
if ($nameOrcpf == null) $nameOrcpf = '';
if ($type_person == null) $type_person = '';
if ($type_person != ''){
$model = $model::where('type_person', 'like', $type_person)->
where('name', 'like', '%'.$nameOrcpf.'%')->
orWhere('cpf', 'like', $nameOrcpf)->
orderBy('name')->
paginate(15);
return response()->json($model);
} else {
$model = $model::where('name', 'like', '%'.$nameOrcpf.'%')->
orWhere('cpf', 'like', $nameOrcpf)->
orderBy('name')->
paginate(15);
return response()->json($model);
}
}
Esse é o código da minha view que é chamada, que se encontra em peoples/tbody.blade.php.
@csrf
@foreach ($peoples as $people)
<tr>
<td style="white-space: pre-wrap;">{{ $people->name }}</td>
<td>{{ $people->cpf }}</td>
<td>
<a href="mailto:{{ $people->email }}">{{ $people->email }}</a>
</td>
<td>{{ $people->tel }}</td>
<td>
@if ($people->type_person == "A" and $people->sex == "M") Sócio
@endif
@if ($people->type_person == "A" and $people->sex == "F") Sócia
@endif
@if ($people->type_person == "D" and $people->sex == "M") Doador
@endif
@if ($people->type_person == "D" and $people->sex == "F") Doadora
@endif
</td>
<td class="text-right">
<div class="dropdown">
<a class="btn btn-sm btn-icon-only text-light" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-ellipsis-v"></i>
</a>
<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
<a class="dropdown-item" href="{{ route('peoples.view', $people) }}">{{ __('Ver') }}
</a>
<a class="dropdown-item" href="{{ route('peoples.edit', $people) }}">{{ __('Editar') }}
</a>
<button type="button" class="dropdown-item" data-toggle="modal" data-target="#modal-notification" onClick="javascript: GetId({{$people->id}},'{{$people->name}}');">Excluir</button>
</div>
</div>
</td>
</tr>
@endforeach
</tbody>
Observações importantes
Tudo funciona atê chegar na View tbody.
Como eu sei disso?
Se na view tbody, eu coloco apenas um nome, por exemplo, 'Estou aqui', não é exibido nenhum erro e a view é retornada com sucesso. Se eu coloca o código <?php var_dump($_POST['peoples']); ?>
Também não me é retornado erro, e a view funciona passando as informações.
Então sempre que eu tento usar $peoples
assim como objeto é me retornado o erro.