如何通过ajax将变量序列化传递给codeigniter控制器？

Question

My view:

  $('#frm_ingreso').submit(function(e) {
  $.ajax({
    url: `${RUTA}retaso-ingreso/guardar`,
    type: 'POST',
    data: {
      "data": $('#frm_ingreso').serialize()
    },
  })
  .done((response) => {
    console.log(response);
  });
  e.preventDefault();
  return false;
});

My Controller:

I show all post with print_r($_POST) and it´s shown, but when I want to pass variable each data:

public function guardar(){  
  print_r($_POST);  
  /*
     Array
     (
      [data] => 
       cboMaterial=2&cboTipo=3&cboColor=2
     )
  */
  $material = $this->input->post("cboMaterial"); // error it's show nothing
  echo $material; // its show nothing
}

Answer 1

You should do this:

data: $('#frm_ingreso').serialize()

Usage:

$('#frm_ingreso').submit(function(e) {
  $.ajax({
    url: `${RUTA}retaso-ingreso/guardar`,
    type: 'POST',
    data: $('#frm_ingreso').serialize(),
  })
  .done((response) => {
    console.log(response);
  });
  e.preventDefault();
  return false;
});

and $material = $this->input->post("cboMaterial"); should work