[SOLUCIONADO] Problema con Variable

[Jose789]

Hola gente, pues tengo un pequeño problema al pasar un dato por GET.

me salta un error de undefined

No se si estoy haciendo bien la consulta mediante get pero en consola no obtengo ningún error.

Código Javascript:

function buyplaca(id){
    $.get("ajax/badge.php?id="+id, function(data){
        alert(data);
    });
}
 

Código HTML:

<span onclick="buyplaca($('#id').val());" id="12">12</span>
 

Haber si me pueden echar una Mano y muchas gracias.

[Alexis88]

¿Cuál es la línea en la que se indica el error?

[Jose789]

Iniciado por Alexis88

¿Cuál es la línea en la que se indica el error?

No, no tengo ningun error en consola el problema creo que debe de ser +id o eso creo

PD: En la alerta que devuelvo muestro el mismo valor $_GET['id'] y me salta undefined como que no recoge nada del jquery

Código Javascript:

function buyplaca(id){
    $.get("ajax/badge.php?id="+id, function(data){
        alert(data);
    });
}
 

[Alexis88]

¿Tienes esto en tu estructura HTML?

Código HTML:

<span onclick="buyplaca($('#id').val());" id="12">12</span>
 

Porque, si es así, lo estás haciendo mal. Lo mejor será que, en la misma función, tomes el valor de $("#id").

Código HTML:

<span onclick="buyplaca();" id="12">12</span>
 

Código Javascript:

function buyplaca(){
    $.get("ajax/badge.php?id=" + $("#id").val(), function(data){
        alert(data);
    });
}
 

Saludos

[Jose789]

Iniciado por Alexis88

¿Tienes esto en tu estructura HTML?

Código HTML:

<span onclick="buyplaca($('#id').val());" id="12">12</span>
 

Porque, si es así, lo estás haciendo mal. Lo mejor será que, en la misma función, tomes el valor de $("#id").

Código HTML:

<span onclick="buyplaca();" id="12">12</span>
 

Código Javascript:

function buyplaca(){
    $.get("ajax/badge.php?id=" + $("#id").val(), function(data){
        alert(data);
    });
}
 

Saludos

Nada, tengo el mismo problema undefined

Si lo pongo asi no tengo ningún problema, pero tengo varios spam con difentes, ya no se como sacar el valor de id y pasarlo por badge.php

Código Javascript:

function buyplaca(){
    $.get("ajax/badge.php?id=12", function(data){
        alert(data);
    });
}
 

[Alexis88]

¿Y en qué línea se marca ese undefined que mencionas? Porque en alguna parte se debe de mostrar para que lo menciones.

[Jose789]

Iniciado por Alexis88

¿Y en qué línea se marca ese undefined que mencionas? Porque en alguna parte se debe de mostrar para que lo menciones.

En badge.php tengo lo siguiente

Código PHP:

  if(isset($_GET['id'])) {
echo ''.$_GET['id'].'';
} 
   

[GeekGirl]

Las comillas están de más, hacé simplemente el echo de tu variable:

Código PHP:

  <?php
if(isset($_GET['id'])) { 
    echo $_GET['id']; 
}  
?>   

A lo mejor eso está molestando?

[Jose789]

El mismo problema Undefined :S

[Alexis88]

En tu archivo PHP, haz esto y dinos qué se muestra:

Código PHP:

var_dump($_GET);
 

Como es una petición asíncrona, tendrás que fijarte en la consola.

[Jose789]

array(1) { ["id"]=> string(9) "undefined" }

[Alexis88]

¿Cuál era el problema de hacerlo así?

Código Javascript:

function buyplaca(){
    $.get("ajax/badge.php?id=" + $("#id").val(), function(data){
        alert(data);
    });
}
 

Porque, al menos de esta manera, tomarías el valor del $("#id") y podrías enviarlo correctamente.

[Jose789]

No hay manera...
por si las moscas estoy utilizando esta librería.
<script async src="//code.jquery.com/jquery-1.10.2.min.js"></script>

[Alexis88]

Claro, ya sabemos que estás usando jQuery (de hecho, estamos en el sub-foro de jQuery ), lo que quisiera saber es por qué "No hay manera", como dices.

[Jose789]

No hay manera, ya que no damos con la tela el que por undefined.

Sigue siendo lo mismo pero por probar... pero nada.

Código Javascript:

function buyplaca(){
    var id = $('#id').val();
    $.get("ajax/badge.php?id=" +id, function(data){
        alert(data);
    });
}
 

pero si lo hago asi, si funciona

Código Javascript:

function buyplaca(){
    $.get("ajax/badge.php?id=12", function(data){
        alert(data);
    });
}
 

Es como si el problema viniera del id ya que no recoge ningún dato...

[GeekGirl]

No está recibiendo el valor del id. Te recomiendo replantear el código de esta manera para simplificar:

Código HTML:

<span id="12">12</span>

<script type="text/javascript">
$('#12').click(function(){
    var idVal = $(this).attr('id');

    $.get("ajax/badge.php?id=" + idVal, function(data){
        alert(data);
    });
});
</script> 

Y recordá que los ids no pueden comenzar con un guión ni con un número. Cambiale eso.

Saludos :)

[Alexis88]

Aún más sencillo:

Código HTML:

<span onclick="buyplaca(this.id);" id="12">12</span>
 

Y, tu función, queda como estaba originalmente.

Saludos

[GeekGirl]

Bueno, estaba editando pero no pude publicar porque justo respondió Alexis. Acá lo agrego:

Si quisieras dejarlo como está, también podrías pasarle directamente el valor en el llamado desde el span y listo:

Código HTML:

<span onclick="buyplaca(12);" id="12">12</span>

<script type="text/javascript">
function buyplaca(id){
    $.get("ajax/badge.php?id="+id, function(data){
        alert(data);
    });
}
</script> 

Pero si lo querés dinámico, me inclinaría más por la primera opción.
Saludos :)

[Jose789]

Iniciado por Alexis88

Aún más sencillo:

Código HTML:

<span onclick="buyplaca(this.id);" id="12">12</span>
 

Y, tu función, queda como estaba originalmente.

Saludos

<span onclick="buyplaca();" id="12" value="12" class="badge-item">

[GeekGirl]

Te diste cuenta de algo que ninguno había visto. No tomaba el valor porque se estaba pidiendo el .val() y la etiqueta span no tenía un atributo value.

Tal vez funcione si le ponés value al span, pero no es un atributo válido de la etiqueta. Podés optar por cualquiera de las otras opciones.

[Jose789]

Iniciado por GeekGirl

Te diste cuenta de algo que ninguno había visto. No tomaba el valor porque se estaba pidiendo el .val() y la etiqueta span no tenía un atributo value.

Tal vez funcione si le ponés value al span, pero no es un atributo válido de la etiqueta. Podés optar por cualquiera de las otras opciones.

eh optado por esta opción <span onclick="buyplaca(12);" id="12">12</span> con la que me mencionaste unos mensajes mas arriba y funciona perfectamente.

Muchas Gracias a todos por toda la ayuda que eh recibido.

[Alexis88]

Iniciado por Jose789

Iniciado por Alexis88

Aún más sencillo:

Código HTML:

Ver original
<span onclick="buyplaca(this.id);" id="12">12</span>
 

Y, tu función, queda como estaba originalmente.

Saludos

<span onclick="buyplaca();" id="12" value="12" class="badge-item">

¿De verdad no te funcionó de la manera en la que te dije? Porque, lo probé así y funciona.

[Jose789]

ups! la verdad es que esa opción <span onclick="buyplaca(this.id);" id="12">12</span> no la probé de golpe vinieron todos los comentarios y no la vi

pero acabo de probarlo, y si también me funciona. Muchas Gracias de verdad.

<span onclick="buyplaca(this.id);" id="12">12</span>

Menudo quebradero de cabeza tenia encima al ver que solo salia undefined. y gracias a vosotros me habréis librado de el jaja