0

Me estoy volviendo loco con el response de AJAX quiero pasar una variable por ajax y recuperarla con cakephp.

La variable a recuperar es "opcion"

jQuery + AJAX:

$(document).on("click", "#modificar-foto-cuenta", function() {          
                var opcion = $(this).attr("id").valueOf();              
                    $.ajax({
                        type: "POST",
                        url: "/Users/home/",
                        data: "opcion = " + opcion,
                        dataType: 'html',
                        success: function (response) { console.log(response); },
                    error: function () { alert('error'); }
                    });                 
                $('.modalHome').show();         
        });

Controlador:

public function home() {
       if($this->request->is('post')) {         
         $data = $this->request->getData();  
         $this->set([
                     'data' => $data,
                     '_serialize' => 'data'
                   ]);        
       }

Vista:

if(isset($data->opcion)) {
    $opcion = $data->opcion;
  }

Pues no hay manera dice que no reconoce data y se queda tan pancho.

Se que el problema esta en el controlador, porque el ajax me devuelve success, osea que ajax procesa bien el post, pero por algún razón que desconozco el controlador no detecta el post, he probado a cambiar post a ajax con idéntico resultado.

¿Que estoy haciendo mal?

EDITO:

He realizado algunos cambios:

jQuery + AJAX:

$(document).on("click", "#modificar-foto-cuenta", function() {
            var opcion = $(this).attr("id").valueOf();
            $.ajax({
                type: "POST",
                url: "/Users/home/",
                data: { opcion: opcion },
                dataType: 'html',
                success: function (data) { console.log(data); },
                error: function (data) { console.log(data); alert('error no ajax'); }
            });
            $('.modalHome').show();
        });

Controlador:

public function home() {
       if($this->request->is('post')) {
         $data = $this->request->getData();         
         $this->set('data', $data);
       }
     }

Vista:

<div class="modalHome">
<?php
     $paso = $data['opcion'];
     echo $this->element('modalHome', ['opcion' => $paso ]);
?>

modalHome

<?php
     echo $opcion;
?>

Me da el siguiente error:

Notice (8): Undefined variable: data [APP/Template/Users/home.ctp, line 50]

La linea 50 es ---> $paso = $data['opcion'];

Pero lo más curioso de todo es que el console.log(data); si me devuelve el valor:

<div class="modalHome">
modificar-foto-cuenta</div>
1
  • No estoy seguro que tu AJAX este correcto hace mucho que no utilizo esta sintaxis, pero según yo los parámetros deben de ir de esta formal. data: "opcion:" + opcion en lugar de esta: data: "opcion = " + opcion. Te dice que la variable no existe efectivamente porque no esta reconocida en el parámetro. Inclusive puedes ver los headers de la petición y lo notaras. Si te sirve te puedo decir una forma de hacerlo con axios el 30 dic. 2018 a las 4:45

2 respuestas 2

2

Sola cambia tu línea de código del data en tu Ajax, la estás enviando mal, déjala de la siguiente manera:

....
data: {opcion: opcion},
....

La sintaxis de JSON en Javascript nos indica que debemos usar el formato:

{name:"Jhon"}

Donde "name" es el nombre de tu variable y "Jhon" el contenido de ésta.

Puedes ver más aquí.

5
  • He realizado cambios en el código, pero me sigue sin devolver el valor, pero el console.log(data); si me devuelve el valor. el 31 dic. 2018 a las 12:10
  • Te devuelve el valor en el Success? Si es así entonces el error ahora lo tenemos en la vista, ¿Por qué no guardas la variable $data en la sesión? Cambia $this->set('data', $data); por $session->write('data', $data); y en tu vista cambia $paso = $data['opcion']; por $paso = $session->read('data'); y dinos si funciona. el 31 dic. 2018 a las 16:13
  • Me da error Internal Server Error [500] probé también con $session = $this->request->getSession(); $session->write('data', $data); $paso = $session->read('data'); pero da el mismo error el 31 dic. 2018 a las 18:41
  • Error 500 significa que algo salió mal en tu controlador, ¿que te muestra en la cosola? el 31 dic. 2018 a las 22:07
  • Voy abrir una nueva pregunta, ya que el problema que tengo ahora es con la vista y el controlador. el 1 ene. 2019 a las 12:36
0

Cambia tu petición Ajax por esto.

  let url = "https://jsonplaceholder.typicode.com/todos/1";
  
  axios.get(url).then(
    res=>{
       $('#p').html(JSON.stringify(res.data));
    },
    err => {
      $('#p').html(err);
    }

  );
  
  /* No encontre una pagina que me dejara hacer 
     directamente peticiones post pero te dejo 
     la sintaxis
  
  
  axios.post(
  url,
  {
    // parametros
    opcion: $('#input').val(),
    otro: "este es un ejeplo"
  }
  ).then(
    res=>{
       $('#p').html(JSON.stringify(res.data));
    },
    err => {
      $('#p').html(err);
    }

  );
*/
  
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.18.0/axios.js"></script>

<input type="hidden" name="var" value="1" id="input"/>

<div id="p">a</div>

1
  • No conozco axios, así que prefiero no liarme con eso. el 1 ene. 2019 a las 12:37

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.