Skip to main content
5 de 5
formato de texto y código para mejorar legibilidad
Alvaro Montoro
  • 49.8k
  • 28
  • 109
  • 190

Enviar y recoger datos enviados con AJAX

Estoy haciendo un pequeño sistema pero no logro enviar los datos con serialize() a mi controlador. ¿Cómo puedo solucionarlo?

JavaScript que manda los datos via AJAX:

$.ajaxSetup({
  headers: {
    'X-CSRF-TOKEN': $('meta[name="csrf-
      token "]').attr('content')
    }
  });

$(document).on("submit", ".form_entrada",
  function(e) {

    e.preventDefault();

    $('html, body').animate({
      scrollTop: '0px'
    }, 200);

    var formu = $(this);
    var quien = $(this).attr("id");

    if (quien == "formEditUser") {
      var
        varurl = "updateUser";
      var
        divresul = "notificacion_resul_fanu";
    }

    $.ajax({
      type: 'POST',
      url: varurl,
      datatype: 'json',
      data: formu.serialize(),
      success: function(result) {
        console.log(result);
      }
    });
  });

Controlador:

public function updateUser(){
    $input = request()->all();
    return $input;
}

El fichero PHP con el formulario:

<form id="formEditUser" method="post" action="updateUser" class="form_entrada">

  <input type="hidden" name="_token" value="{{ csrf_token() }}">
  <input type="hidden" name="id" value="<?= $usuario->id; ?>">
  <div class="box-body">
    <div class="form-group">
      <label for="correo">Email</label>
      <input type="text" class="form-control" id="correo" name="correo" placeholder="[email protected]" value="<?= $usuario->email; ?>">
    </div>
    <div class="form-group">
      <label for="dni">Nombre</label>
      <input type="text" class="form-control" id="nombre" name="nombre" placeholder="Nombre..." value="<?= $usuario->name; ?>">
    </div>
    <div class="form-group">
      <label for="nombre">Tipo de Usuario</label>
      <input type="text" class="form-control" id="T1ID" name="T1ID" placeholder="Tipo..." value="<?= $usuario->T1ID; ?>">
    </div>
    <div class="form-group">
      <label for="apellido">Habilitado</label>
      <input type="text" class="form-control" id="status" name="status" placeholder=" 0 ó 1" value="<?= $usuario->status; ?>">
    </div>
    <div class="form-group">
      <label for="celular">Celular</label>
      <input type="text" class="form-control" id="cellphone" name="cellphone" placeholder="999-999-999" value="<?= $usuario->cellphone; ?>">
    </div>
    <div class="form-group">
      <a href="users.index" class="btn btn-sm btn-default">Cancelar</a>
      <!--<a href="{{ url('persons.index') }}" class="btn btn-default">Cancelar</a>-->
      <button id="btnsubmit" ; type="submit" class="btn btn-sm btn-primary pull-right">Registrar</button>
      <!--<a href="#" class="btn btn-sm btn-primary pull-right">Registrar</a>-->
    </div>
</form>

web.php

Route::get('/', function () {
    return view('adminlte::auth.login');
});

Route::group(['middleware' => 'auth'], function () {

    Route::get('users','UsuarioController@getList');
    Route::get('users.index','UsuarioController@index')->name('users.index');

    Route::get('formNewUser','UsuarioController@formNewUser');
    Route::get('formEditUser/{id}','UsuarioController@formEditUser');
    Route::post('updateUser', 'UsuarioController@updateUser');

    //este ultimo es el que apunta ami controlador
});

El error es el siguiente:

POST http://localhost:8000/updateUser 419 (unknown status) ?d41d:9536