[SOLUCIONADO] cachar respuestas mediante ajax y mostrarlas en 3 div diferentes

[villagran_gg]

Tengo entendido que ajax envia de forma asincrona datos al servidor y puede recibir alguna respuesta y para dejar mas es claro eso de cachar respuesta mediante y mostrarla en diferentes div con ajax les muestro mi codigo

Código Javascript:

$(function(){
          $("#btn-rc").click(function(){
                    var url="practicas/process/crearlista.php";
                    $.ajax({
                        type:"POST",
                        url:url,
                        data:$("#form_rc").serialize(),
                        success:function(data){
                            $("#m_rc").html(data);
                        }
                    });
                    return false;
                });
            });
 

Como ven la respuesta que me envia el servidor la cacho y la muestro con success:function(data){ $("#m_rc").html(data);} pero ahi toda la respuesta solo la puedo mostrar en mi caso en un div que tenga la id m_rc.

No hay alguna forma de segmentar en donde se mostrara la respuesta, digamos que una parte de la respuesta se muestre en un div con id=uno, otra parte de la respuesta en un div con id=dos y otra parte de la respuesta en un div con id=3.

Espero y haya dado a entender. De antemano gracias por su atencion

[larrysun2]

Cual es la respuesta que envía tu servidor? aunque para lo que dices si la respuesta esta escrita en HTML, podrías subdividir la respuesta en div's y luego cuando la recibas con Ajax creas un div y encierras la respuesta con la funcion html, ubicas cada div con javascript(en el div donde pasaste anteriormente la respuesta) y le asignas una variable a cada uno por Ejemplo: Div1,Div2,Div3, y ya despues ubicaras los div donde ibas a poner la respuesta y la pasas.

Ejemplo:
Aqui

[villagran_gg]

Estoy tratando de hace un test de pratica de matematias y a lo que voy es que por ejemplo en esta pagina, cuando se evalua un ejercicio se modifican los campos de text acertado y equivocado, ademas de una barra de progreso. http://www.thatquiz.org/es-h/matematicas/calculo/
Y tenia pensado que la respuesta a un ejercicio se enviara con ajax, se procesara en servidor y regresara una respuesta que me cambiara los estados de los campos sobre como va la practica y agregara un ejercicio nuevo

[Alexis88]

Podrías enviar la respuesta como un objeto con tres atributos, de tal forma que cada atributo contenga cada uno de los segmentos de la respuesta completa y así podrías mostrarlos fácilmente en los tres elementos.

Si usas PHP, podrías armar el objeto así:

Código PHP:

$respuesta = [
    'atributo1' => 'Primera parte de la respuesta',
    'atributo2' => 'Segunda parte de la respuesta',
    'atributo3' => 'Tercera parte de la respuesta'
];
 
echo json_encode($respuesta);
 

Y la recibirías así:

Código Javascript:

$.ajax({
    type: "POST",
    url: url,
    data: $("#form_rc").serialize(),
    dataType: "json"
    success: function(data){
        $("#div1").html(data.atributo1);
        $("#div2").html(data.atributo2);
        $("#div3").html(data.atributo3);
    }
});
 

Un saludo

[villagran_gg]

Muchas gracias funciona el programa a la perfeccion :D feliz fin de año