Enviar variables con AJAX de JQuery por POST

[Aldogeno]

Que tal, Resulta que necesito enviar por AJAX el valor de una variable que recibo en una funcion lamada "pedirDatos(idAsignatura)", pero el archivo "recuperarDatos.php" que es el que debe de recibirlos no lo hace. Dentro del archivo de "recuperarDatos.php" necesito atrapar la variable con esto: "$cla=$_POST['clave'];" (Sin comillas). Sin encambio los datos no llegan a mi archivo "pedirDatos.php"

Aqui el codigo:

function pedirDatos(idAsignatura){
alert(idAsignatura);//Uso este alert para verificar que si este esntrando la variable
$.ajax({
type: 'POST',
url: 'recuperarDatos.php',
data: {
clave:idAsignatura//Aqui es donde se envian las variables por POST
},
beforeSend:function(){
$('#ajax-panel').html('<div class="loading"><img src="img/anim.gif" alt="Loading..." /></div>');
},
success:function(data){
$("#ajax-panel").load("recuperarDatos.php");
$(data).find('item').each(function(i){
});
},
error:function(){
$('#ajax-panel').html('<p class="error"><strong>Oops!</strong> Algo fallo, intenta de nuevo.</p>');
}
});
}


Agradezco su ayuda por anticipado

[cesarpunk]

disculpa... la data la envias desde algún formulario? supongo que el parámetro url: 'recuperarDatos.php' es el action de tu formulario ...

Intenta con :

type: 'POST',
url: $(this).attr('action'),
data: $(this).serialize(),

[ecastaneda]

sustituye esto de tu codigo

data: {
clave:idAsignatura//Aqui es donde se envian las variables por POST
}


por esto otro


data: '{clave:'+idAsignatura+'}'

y deberia funcionar perfectamente

[ecastaneda]

la opcion que te dio cesarpunk tambien funciona pero la uso mas para enviar todo un formulario, tu elige la que mejor te agrade otra opcion es hacer esto:

url: 'recuperarDatos.php?clave='+idAsignatura

y omites la variable data como te digo elige la que te guste mas . . .