Cargar resultado de $.post en variable

[chavals]

Buenas, estoy usando JQuery para en un boton añadir una linea de una tabla y en cada celda me gustaría cargar un combo con unos datos de la base de datos. El problema es cuando intento hacer la primera llamada al .php que carga el 1er combo, por ejemplo clientes:

$.post("carga_clientes.php", {"edad": '20'}, function(data){
alert(data);
});

hice eso de prueba y si se me muestra el codigo html, pero la variable data es local a la funcion con lo que no puedo sacarla de ahi y quiero hacer varias llamadas $.post cada una cargando un combo distinto.

No se como hacer algo por el estilo:

var comboCliente = $.post("carga_clientes.php", {"edad": '20'});
var comboProveedor = $.post("carga_cproveedores.php", {"pais": 'España'});
var comboCiudad = $.post("carga_ciudades.php", {"pais": 'España'});

var linea = "<tr><td>" + comboCliente + "</td><td>" + comboProveedor + "</td><td>" + var comboCiudad + "</td></tr>";

donde como veis haría varias llamadas a $.post para cargar el resultado de los archivos en unas variables que despues posiciono dentro del código donde quiera.

Alguno me indica como podría hacer algo parecido ??

gracias de antemano.

[maycolalvarez]

declara una variable global, fuera de la función, con var, tendrá acceso fuera

var variable;
$.post("carga_clientes.php", {"edad": '20'}, function(data){
variable = data;
});

[tredio]

podrias usar deferred's

Código Javascript:

$.when( $.post("carga_clientes.php", {"edad": '20'}), $.post("carga_cproveedores.php", {"pais": 'España'}), $.post("carga_ciudades.php", {"pais": 'España'}))
.then(function(dataCliente, dataProveedor, dataCiudad){
    var comboCliente = dataCliente[0],
              comboProveedor = dataProveedor[0],
              comboCiudad = dataCiudad[0], linea = '';
 
        linea = "<tr><td>" + comboCliente + "</td><td>" + comboProveedor + "</td><td>" + var comboCiudad + "</td></tr>";
 
        alert(linea) 
});
 

PD: no he probado el codigo pero pienso que te puede servir.

[chavals]

antes de nada gracias por contestar ^^

maycolalvarez la variable "variable" de fuera de la funcion y la de dentro de la funcion aunque se llamen iguales no son la misma con lo que la asignacion de data a variable dentro del function acabaría muriendo en la linea siguiente que es cuando termina la function (ya que es una variable local a la funcion). De todas formas, antes de postear lo probé y no va pero gracias de todos modos.

tredio, el codigo parece interesante, no lo conocía así que voy a probarlo y ya comento si he podido solventarlo así....

otra forma mas 'chusquera' que se me habia ocurrido era asignarle a cada TD una ID (numeracion dinámica ya que las lineas se van agregando tantas como se quieran dinámicamente claro), y despues hacer el $.post y dentro del function ya poner $("#" + ID).html(data), un post y asignacion para cada TD... (creo era mi ultima alternativa que creo que funcionaría...)

[chavals]

lo acabo de probar y va muy bien, muchas gracias ^^

[tredio]

ok, de nada, pero te aconsejo que leas sobre deferred en la api de Jquery, es bastante interesante.