Skip to main content
se añadieron 4 caracteres en el cuerpo
Origen Enlace
Ruslan López
  • 11.8k
  • 14
  • 44
  • 88

estoy tratando de mostrar una tabla a través de ajax y laravel pero me da este error al cargar la pagina introducir la descripción de la imagen aquí

En mi codigo tengo la siguiente estructura

<table class="table table-bordered mt-4" id="tablausuarios">
     <thead>
         <tr>
                
           <th>Nombre</th>
                
        </tr>
    </thead>
</table>
@section('js')
<script src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.11.3/js/dataTables.bootstrap4.min.js"></script>
<script src=" {{asset('js/usuarios.js')}} "></script>
@stop

En mi usuarios.js

$(document).ready(function(){
var tablaUsuarios=$('#tablausuarios').DataTable({
    
    "ajax":
        " {{route('tablas.tablausuario')}} ",
    "columns":[
       
        {data:'name'},  
    ]
});
});

En mi archivo web.php tengo

route::get('admin/usuarios', 'App\Http\Controllers\UsuariosController@index');
route::get('tabla/usuarios', 'App\Http\Controllers\TablasController@tablausuarios')- 
>name('tablas.tablausuario');

y en mi TablasController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Illuminate\Support\Facades\DB;
use Yajra\DataTables\DataTables;
Use App\Models\User;

class TablasController extends Controller
  {
    public function tablausuarios(){
    //$usuarios= DB::select('select * from sp_mostrar_usuarios()');
    $usuarios=User::select('name')->get();
    return datatables()->of($usuarios)->toJson();
  }
}

Si entro a la ruta de la tabla puedo ver lo que trae como información Json pero al momento de pintar la tabla en la ruta de los usuarios me da el error, esto es lo que me trae en Json

{"draw":0,"recordsTotal":1,"recordsFiltered":1,"data":[{"name":"andres oberto","profile_photo_url":"https://ui-avatars.com/api/?name=andres+oberto&color=7F9CF5&background=EBF4FF"}],"input":[]}

{"draw":0,"recordsTotal":1,"recordsFiltered":1,"data":[{"name":"andres oberto","profile_photo_url":"https:\/\/ui-avatars.com\/api\/?name=andres+oberto&amp;color=7F9CF5&amp;background=EBF4FF"}],"input":[]}

estoy tratando de mostrar una tabla a través de ajax y laravel pero me da este error al cargar la pagina introducir la descripción de la imagen aquí

En mi codigo tengo la siguiente estructura

<table class="table table-bordered mt-4" id="tablausuarios">
     <thead>
         <tr>
                
           <th>Nombre</th>
                
        </tr>
    </thead>
</table>
@section('js')
<script src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.11.3/js/dataTables.bootstrap4.min.js"></script>
<script src=" {{asset('js/usuarios.js')}} "></script>
@stop

En mi usuarios.js

$(document).ready(function(){
var tablaUsuarios=$('#tablausuarios').DataTable({
    
    "ajax":
        " {{route('tablas.tablausuario')}} ",
    "columns":[
       
        {data:'name'},  
    ]
});
});

En mi archivo web.php tengo

route::get('admin/usuarios', 'App\Http\Controllers\UsuariosController@index');
route::get('tabla/usuarios', 'App\Http\Controllers\TablasController@tablausuarios')- 
>name('tablas.tablausuario');

y en mi TablasController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Illuminate\Support\Facades\DB;
use Yajra\DataTables\DataTables;
Use App\Models\User;

class TablasController extends Controller
  {
    public function tablausuarios(){
    //$usuarios= DB::select('select * from sp_mostrar_usuarios()');
    $usuarios=User::select('name')->get();
    return datatables()->of($usuarios)->toJson();
  }
}

Si entro a la ruta de la tabla puedo ver lo que trae como información Json pero al momento de pintar la tabla en la ruta de los usuarios me da el error, esto es lo que me trae en Json

{"draw":0,"recordsTotal":1,"recordsFiltered":1,"data":[{"name":"andres oberto","profile_photo_url":"https://ui-avatars.com/api/?name=andres+oberto&color=7F9CF5&background=EBF4FF"}],"input":[]}

estoy tratando de mostrar una tabla a través de ajax y laravel pero me da este error al cargar la pagina introducir la descripción de la imagen aquí

En mi codigo tengo la siguiente estructura

<table class="table table-bordered mt-4" id="tablausuarios">
     <thead>
         <tr>
                
           <th>Nombre</th>
                
        </tr>
    </thead>
</table>
@section('js')
<script src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.11.3/js/dataTables.bootstrap4.min.js"></script>
<script src=" {{asset('js/usuarios.js')}} "></script>
@stop

En mi usuarios.js

$(document).ready(function(){
var tablaUsuarios=$('#tablausuarios').DataTable({
    
    "ajax":
        " {{route('tablas.tablausuario')}} ",
    "columns":[
       
        {data:'name'},  
    ]
});
});

En mi archivo web.php tengo

route::get('admin/usuarios', 'App\Http\Controllers\UsuariosController@index');
route::get('tabla/usuarios', 'App\Http\Controllers\TablasController@tablausuarios')- 
>name('tablas.tablausuario');

y en mi TablasController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Illuminate\Support\Facades\DB;
use Yajra\DataTables\DataTables;
Use App\Models\User;

class TablasController extends Controller
  {
    public function tablausuarios(){
    //$usuarios= DB::select('select * from sp_mostrar_usuarios()');
    $usuarios=User::select('name')->get();
    return datatables()->of($usuarios)->toJson();
  }
}

Si entro a la ruta de la tabla puedo ver lo que trae como información Json pero al momento de pintar la tabla en la ruta de los usuarios me da el error, esto es lo que me trae en Json

{"draw":0,"recordsTotal":1,"recordsFiltered":1,"data":[{"name":"andres oberto","profile_photo_url":"https:\/\/ui-avatars.com\/api\/?name=andres+oberto&amp;color=7F9CF5&amp;background=EBF4FF"}],"input":[]}
Origen Enlace

DataTables warning: table id=tablausuarios - Ajax error

estoy tratando de mostrar una tabla a través de ajax y laravel pero me da este error al cargar la pagina introducir la descripción de la imagen aquí

En mi codigo tengo la siguiente estructura

<table class="table table-bordered mt-4" id="tablausuarios">
     <thead>
         <tr>
                
           <th>Nombre</th>
                
        </tr>
    </thead>
</table>
@section('js')
<script src="https://cdn.datatables.net/1.11.3/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.11.3/js/dataTables.bootstrap4.min.js"></script>
<script src=" {{asset('js/usuarios.js')}} "></script>
@stop

En mi usuarios.js

$(document).ready(function(){
var tablaUsuarios=$('#tablausuarios').DataTable({
    
    "ajax":
        " {{route('tablas.tablausuario')}} ",
    "columns":[
       
        {data:'name'},  
    ]
});
});

En mi archivo web.php tengo

route::get('admin/usuarios', 'App\Http\Controllers\UsuariosController@index');
route::get('tabla/usuarios', 'App\Http\Controllers\TablasController@tablausuarios')- 
>name('tablas.tablausuario');

y en mi TablasController.php

<?php

namespace App\Http\Controllers;

use Illuminate\Http\Request;
use Illuminate\Support\Facades\DB;
use Yajra\DataTables\DataTables;
Use App\Models\User;

class TablasController extends Controller
  {
    public function tablausuarios(){
    //$usuarios= DB::select('select * from sp_mostrar_usuarios()');
    $usuarios=User::select('name')->get();
    return datatables()->of($usuarios)->toJson();
  }
}

Si entro a la ruta de la tabla puedo ver lo que trae como información Json pero al momento de pintar la tabla en la ruta de los usuarios me da el error, esto es lo que me trae en Json

{"draw":0,"recordsTotal":1,"recordsFiltered":1,"data":[{"name":"andres oberto","profile_photo_url":"https://ui-avatars.com/api/?name=andres+oberto&color=7F9CF5&background=EBF4FF"}],"input":[]}