Usé AJAX para crear la función de búsqueda en vivo, pero encontré el error en mi controlador. Creo que es un error de sintaxis en el último td @method('DELETE'), no sé cómo solucionarlo, ¿alguien puede ayudarme?
public function search(Request $request) { $output = ''; $users = User::where('name','LIKE','%'.$request->keyword.'%')->get(); foreach($users as $user) { $output += '<tr> <td> <div class="d-flex px-2 py-1"> <div> <img src="'. asset('storage/users/' . $user->image) .'" class="avatar avatar-sm me-3 border-radius-lg" alt="user1"> </div> <div class="d-flex flex-column justify-content-center"> <h6 class="mb-0 text-sm">{{ $user->name }}</h6> <p class="text-xs text-secondary mb-0">'. $user->email .'</p> </div> </div> </td> <td> <p class="text-xs font-weight-bold mb-0">'. $user->date_of_birth .'</p> <p class="text-xs text-secondary mb-0">'. $user->phone .'</p> </td> <td class="align-middle text-center"> <span class="text-secondary text-xs font-weight-bold">'. $user->address .'</span> </td> <td class="align-middle"> <form action="" method="POST"> {{ csrf_field() }} @method('DELETE') <button class="btn btn-danger" data-toggle="tooltip" data-original-title="Delete user" type="submit">Delete</button> </form> </td> </tr>'; } return response()->json($output); }Una solución limpia para lograr lo que necesita es renderizar el HTML como un archivo blade usando view('')->render() en lugar de construirlo en el controlador
Cree un nuevo archivo de vista en resources/views/partials/user-search.blade.php y mueva su HTML a él
@foreach ($users as $user) <tr> <td> <div class="d-flex px-2 py-1"> <div> <img src="{{ asset('storage/users/'.$user->image) }}" class="avatar avatar-sm me-3 border-radius-lg" alt="user1"> </div> <div class="d-flex flex-column justify-content-center"> <h6 class="mb-0 text-sm">{{ $user->name }}</h6> <p class="text-xs text-secondary mb-0">{{ $user->email }}</p> </div> </div> </td> <td> <p class="text-xs font-weight-bold mb-0">{{ $user->date_of_birth }}</p> <p class="text-xs text-secondary mb-0">{{ $user->phone }}</p> </td> <td class="align-middle text-center"> <span class="text-secondary text-xs font-weight-bold">{{ $user->address }}</span> </td> <td class="align-middle"> <form action="" method="POST"> {{ csrf_field() }} @method('DELETE') <button class="btn btn-danger" data-toggle="tooltip" data-original-title="Delete user" type="submit">Delete</button> </form> </td> </tr> @endforeach luego modifique su método de search de controlador a algo como:
public function search(Request $request) { $users = User::where('name', 'LIKE', '%'.$request->keyword.'%')->get(); $output = view('partials.user-search')->with(['users' => $users])->render(); return response()->json($output); }Antes de proponer mis correcciones, tenga en cuenta que la solución de @ferhsom es realmente una forma mejor y más limpia de lograr lo que necesita. Pero aún así, el error en su código debe ser señalado.
Todo lo que se escribe entre comillas simples se considera como una cadena (literalmente), por lo que no funcionará ninguna llamada de función o variable. La siguiente cadena como HTML le dará esto: ingrese la descripción de la imagen aquí :
' <td> <form action="" method="POST"> {{ csrf_field() }} @method("DELETE") <button type="submit">Delete</button> </form> </td> 'Pero lo que necesita son entradas ocultas con las claves _method y _token .
@method y @csrf son directivas de Blade que no tendrán ningún sentido si no pasan por el proceso de renderizado.
Reemplace @method('DELETE') con:
'<input type="hidden" name="_method" value="DELETE">' Para @csrf o {{ csrf_field() }} haz lo siguiente:
'<input type="hidden" name="_token" value="' . csrf_token() . '">'O
'' . csrf_field() . ''