0

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.

1 Resposta 1

2

Você precisar passar o valor de $peoples para a View.

public function tbody()
{
    $peoples = People::all(); // Exemplo se for pegar os dados do banco.
    return view('peoples.tbody', ['peoples' => $peoples]);
}
1
  • Olá amigo, de certa forma funcionou. O único problema é que nesse caso irá buscar novamente dados no Banco e eu queria que retornasse os dados que passei em $("#tbody").load("tbody", {peoples:peoples}); dessa variável peoples; que vem dessa função indexSearch, acabei de adicionar essa função na pergunta para que você possa ver. Commented 14/08/2019 às 0:15

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .