Busco la manera de ejecutar una segunda consulta ajax
de jQuery
con un dato recuperado de la primera consulta, por ejemplo:
Ingreso el número de documento que quiero consultar y al hacer click
en el botón, muestra el color guardado en base de datos para ese usuario.
$(".botonConsulta").click(function(){
//Capturo el número de documento de un input
var documento = $('.documento');
var datos = new FormData();
datos.append('documento', documento);
$.ajax({
url: 'ruta/archivo.php',
method: 'POST',
data: datos,
dataType: 'json',
success: function(respuesta){
//Muestro en pantalla el color guardado para ese usuario
$('.colorSeleccionado').html(respuesta['color']);
}
})
}
Esta consulta muestra, digamos, el color "Verde"... Ahora, con ese color, necesito crear la segunda consulta ajax
para traer todos los datos del color Verde de la tabla colores.
Intenté con promise
pero muestra false
en consola:
$(".botonConsulta").click(function(){
//Capturo el número de documento de un input
var documento = $('.documento');
var datos = new FormData();
datos.append('documento', documento);
var promesa = $.ajax({
url: 'ruta/archivo.php',
method: 'POST',
data: datos,
dataType: 'json',
success: function(respuesta){
//Muestro en pantalla el color guardado para ese usuario
$('.colorSeleccionado').html(respuesta['color']);
}
})
$promesa.done(function(respuesta){
var color= respuesta['color'];
console.log(color) //Muestra en consola "Verde"
var info = new FormData();
info.append('color', color);
$.ajax({
url: 'ruta/archivo.php',
method: 'POST',
data: info,
dataType: 'json',
success: function(respuesta){
console.log(respuesta) //Muestra en consola "False"
}
})
});
})
Cabe aclarar que aún no comprendo completamente el uso de promise
, no se si lo estoy implementando bien.
Cómo puedo ejecutar el segundo ajax
para que muestre los valores de la tabla colores con el color devuelto en la primera consulta?